图片上传

川长思鸟来 2022-06-03 08:26 306阅读 0赞

**上篇博客已经介绍了文件的上传，这次就简单总结一下图片的上传，以及上传图片的显示。**

**利用三个控件：Input（File）、Button控件、Image控件，页面简单设计如下图：**

**![20171223151741483][]**

**上传按钮的单击事件中代码如下：**

protected void btnUpLoad_Click(object sender, EventArgs e)
            {
                string fullFileName=this.File1 .PostedFile .FileName ;
                string fileName = this.File1.PostedFile.FileName.Substring(fullFileName.LastIndexOf("\\") + 1);
                string picType = fullFileName.Substring(fullFileName.LastIndexOf(".") + 1);
                if (picType =="jpg" || picType =="bmp" || picType =="gif")
                {
                    this.File1.PostedFile.SaveAs(Server.MapPath("up") + "\\" + fileName);
                    this.Image1.ImageUrl = "up/" + fileName;
                }
                else
                {
                    Response.Write("<script language='javascript'>alert('你选中的图片格式错误！');</script>");
                }
            }

效果展示如下：

**![20171223152324792][]**

**颗粒归仓，多多总结。**

**感谢您的阅读~**

[20171223151741483]: /images/20220603/1e8f2497055c4916a450e97f02889c5e.png
[20171223152324792]: /images/20220603/ae4be6b44d8446c9912eb4289446eecf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，306人围观）

还没有评论，来说两句吧...

相关阅读

相关 apiclod 上传图片_apiCloud上传图片

Hello APP height:100%; \} \wrap\{ height:100%; display:-webkit-box; display:-webki

野性酷女/ 2022年10月31日 00:57/ 0 赞/ 346 阅读

相关图片上传

1.html <div class="work\_bolck" data-id="\{$cinfo5.id|default=0\}" d

Myth丶恋晨/ 2022年09月26日 02:41/ 0 赞/ 38 阅读

相关上传图片

//servlet request.setCharacterEncoding("UTF-8"); InputStream input = null;

约定不等于承诺〃/ 2022年06月08日 05:22/ 0 赞/ 77 阅读

相关图片上传

上篇博客已经介绍了文件的上传，这次就简单总结一下图片的上传，以及上传图片的显示。利用三个控件：Input（File）、Button控件、Image控件，页面简单设计如下图：

川长思鸟来/ 2022年06月03日 08:26/ 0 赞/ 307 阅读

相关图片上传

1.页面表单  <div class="easyui-window" title="对商品进行添加或者修改" id="standardW

浅浅的花香味﹌/ 2022年05月15日 16:07/ 0 赞/ 141 阅读

相关图片上传

文件上传流程： 1、定义 <input type="file" name="file" accept="image/\" onchange="uploadimage(th

ゝ一世哀愁。/ 2022年04月02日 11:46/ 0 赞/ 425 阅读

相关上传图片

开发工具与关键技术：Visual Studio 作者：肖广斌撰写时间：2019年5月12日在做项目时，我们在完善一些个人信息、或者一些页面时，我们需要用到图片，

本是古典何须时尚/ 2022年01月31日 12:45/ 0 赞/ 378 阅读

相关上传图片

@Service public class FileServiceImpl implements FileService { privat

柔情只为你懂/ 2021年12月23日 13:47/ 0 赞/ 476 阅读

相关上传图片

<img src="~/Content/img/btn\_1.png" class="img-responsive" id="a\_pic"> <input class="

￡神魔★判官ぃ/ 2021年09月30日 09:54/ 0 赞/ 677 阅读

相关上传图片

// 允许上传的图片后缀 $allowedExts = array("gif", "jpeg", "jpg", "png"); $temp = expl

蔚落/ 2021年09月18日 22:22/ 0 赞/ 608 阅读