html ajax 图片上传,ajax上传图片与预览图片demo

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

ajax Upload demo

upload

show

$('#upload').click(upload);

$('#file').change(function(){

var reader = new FileReader();

reader.readAsDataURL($('#file')[0].files[0]);

reader.onload = function (e) {

$('#pre').attr('src', this.result)

}

})

function upload() {

var form = new FormData();

form.append("file", $('#file')[0].files[0]);

form.append("name", "jdlsajdlkas");

form.append("order", "1");

var settings = {

"async": true,

"crossDomain": true,

"url": "/attachments/",

"method": "POST",

"processData": false,

"contentType": false,

"mimeType": "multipart/form-data",

"data": form

}

$.ajax(settings).done(function (response) {

console.log(response);

});

}