开发工具与关键技术: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)