图片上传

川长思鸟来 2022-06-03 08:26 227阅读 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 条评论，227人围观）

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

相关阅读

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

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

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

相关图片上传

[AngularJS图片上传功能的实现][AngularJS] 一、前言前一段时间做项目时，遇到一个问题就是AngularJS实现图片预览和上传的功能，当时查阅文档(都是

痛定思痛。/ 2022年06月05日 00:48/ 0 赞/ 232 阅读

相关图片上传

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

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

相关图片上传

1, 定义模型 class UserLearn(models.Model): u_name = models.CharField(max_length=16) u_i

缺乏、安全感/ 2022年06月03日 02:27/ 0 赞/ 246 阅读

相关图片上传

html <button type="button" class="btn btn-primary" οnclick="F\_Open\_dialog2()">Impor

小咪咪/ 2022年06月01日 14:24/ 0 赞/ 265 阅读

相关图片上传

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

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

相关上传图片

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

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

相关上传图片

@Service public class FileServiceImpl implements FileService { privat

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

相关上传图片

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

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

相关上传图片

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

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