本地jquery上传照片

1.file接收文件

html中的file，标签外观难看，我们可以通过隐藏该file标签，页面上用其他标签和自己的样式来代替，具体代码如下:

(1)js,来控制：

  页面标签

<input style="display: none" type="file" class=""  id="fmFile" accept="image/*"/>

 

（2）标签label来代替

   

<label for="fmFile">上传图像</label>
2.调用jquery的ajax

    var file = $("#fmFile")[0].files[0];
    var URL = window.URL || window.webkitURL;
    var imgURL = URL.createObjectURL(file);//解析本地上传的文件，可以用来放入src或者url里面显示图片
    var form = new FormData();
    form.append("FileContent",file);

function postFile(url,params) {
    return $.ajax({
        url : url,
        type : 'POST',
        data : params,
        processData: false,  // 告诉jQuery不要去处理发送的数据
        contentType: false   // 告诉jQuery不要去设置Content-Type请求头
    });
}

postFile(url,form).done(function(data,status){
     //上传成功
})