ajax图片上传接口,图片上传接口

var reader = new FileReader();

var formData = new FormData();

reader.readAsDataURL(file);

reader.onloadend = function (even) {

formData.append("action", "upload"); // 必须项,不可修改

// 图片数据'file'为必须的命名不可更改,第二个参数为图片数据

formData.append("file", file);  // 添加自定义属性(name)

// 图片存放路径,第一个参数'dir'不可更改,第二个为upload文件夹下的文件夹名称,没有的话自动创建

formData.append("dir", "vote_sys");

// 图片保存名称,可有,没有则按年月日命名

// formData.append("filename", "my_file_name");

$.ajax({

type: 'POST', // 请求方式

url: '/api/admin_process', // 必须的请求路径

data: formData, // 参数

dataType: 'json', // 数据类型

success: function (data) {  // 请求成功后的回调函

if (data.state == "FAILURE") {

//  失败打印错误信息

layer.msg(data.msg, { time: 1000 });

} else {

layer.msg(data.msg, { time: 1000 });

}

},

error: function () { // 请求失败后的回调函数

layer.msg('上传失败', { time: 1000 });

}

})

}

成功之后返回图片的url等信息{'state': 'FAILURE', 'msg': ''}  # 失败时返回 msg 错误消息

# 成功时返回url/新的文件-名/文件大小M/文件类型后缀

{'state': 'SUCCESS', 'url': '/upload/product/category/201909/190902152940.png', 'filename': '190902152940.png', 'size': 0.07, 'type': '.png', 'loginid': ''}

适应版本

v1.0.1