图片上传

这篇博客主要介绍了图片上传的实现步骤,包括在项目中创建图片存储文件夹,使用File类型文件框,通过Ajax上传避免GET/POST请求,使用HttpPostedFileBase接收文件,以及处理不同上传情况的策略。同时,提到了图片信息保存时需要查询旧图片信息,并在必要时删除旧文件。
摘要由CSDN通过智能技术生成
开发工具与关键技术:VS C#
作者: 谭智聪
撰写时间:2020年8月21日

上传图片:
我们先在项目中创建一个文件夹来专门保存图片的,因为图片占内存比较大,一般不选择直接保存到数据库中,而是先将图片保存到项目的文件夹中,然后再将保存到文件中的图片路径保存到数据库中。

1、 给img标签绑定双击事件 设置样式宽高

<img src="" id="userPicture" ondblclick="showImageSelectDialog()" style="width: 150px; height: 218px;" />

2、要用File类型的文件框 Accept属性是指定文件类型

@* ###隐藏的文件选择框,用于弹出用户头像选择 accept由于筛选图片*@
<!--如果不限制图像的格式,可以写为:accept="image/*"。accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。-->
<input type="file" hidden id="userPictureFile" accept="image/jpeg,image/png,image/jpg,image/gif,image/bmp" onchange="loadImgToImg()" />

3、 自定义图片

//学生图片
   function showPicture(rowData) 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值