图片(文件)的上传

图片(文件)的上传

一、图片(文件)的上传。
文件的上传分两种：
第一种：直接保存到数据库。
第二种：把文件保存到硬盘上 ，把路径或名称到数据库。
但由于文件体积比较大，直接保存数据库会使数据库的响应速度的变慢，所以我们通常使用第二种。

1.从页面获取文件。
(1).通过 input file 标签 选择上传的文件。

(2).页面显示文件(文件预览)。
//文件读取器。
var imageReader = new FileReader();

$(“input”).change (function () {
//获取文件输入框里面的文件
var file = $(“input”).get(0).files[0];
//使用文件读取器读取文件。并把文件转为URL(Base64编码)
imageReader.readAsDataURL(file);
});

//文件读取器onload事件 在读取文件完成后触发
imageReader.onload = function (evt) {
$(“img”).attr(“src”, evt.target.result);//显示文件
}

(3).向控制器 发送数据。
var userPicture = $("#userPictureFile").get(0).files[0];//获取用户选择的文件.
//验证数据…

		//===发送请求

使用JQuery Ajax发送FormData数据
var form = new FormData();//构建FormData数据
form.append(“