一、
在图片上传时我们要在数据库中为他添加一个字段名为(picture)类型为nvarchar(100),数据的
类型不为二进制类型,我们一般不会把图片插到数据库,而是保存文件的一个路径,或者一个名称
二、
在你需要上传图片的页面上把它的样式布局好
<img src="" id=“userPicture” οndblclick=“showImageSelectDialog()”
style=“max-width: 240px; max-height: 240px;min-width:100px;min- height:100px;border:solid 1px #b7b2b2”/>
还有他的文件选择控件 要隐藏起来(hidden)
三、
图片上传
1.
文件读取器
var imageReader = new FileReader();
2.
图片文件 正则表达式过滤image/jpeg,image/png,image/jpg,image/gif,image/bmp
regexImageFilter
= /^(?:image/bmp|image/gif|image/jpg|image/jpeg|image/png)$/i;文件读取器onload事件
在读取文件完成后触发
imageReader.onload =
function (evt) {
$("#userPicture").attr(“src”,
evt.target.result);}
双击图片框 触发 文件输入框的点击事件
function
showImageSelectDialog() {