參數
● action [str] : "upload"不可更改
● file [] : 圖片數據
● dir [str] : 圖片上傳的位置,對應upload文件夾下相應模塊
● filename [str] : 圖片上傳命名規則,沒(méi)有則按年月日
var reader = new FileReader(); var formData = new FormData(); reader.readAsDataURL(file); reader.onloadend = function (even) { formData.append("action", "upload"); // 必須項,不可修改 // 圖片數據'file'為必須的命名不可更改,第二個(gè)參數為圖片數據 formData.append("file", file); // 添加自定義屬性(name) // 圖片存放路徑,第一個(gè)參數'dir'不可更改,第二個(gè)為upload文件夾下的文件夾名稱(chēng),沒(méi)有的話(huà)自動(dòng)創(chuàng )建 formData.append("dir", "vote_sys"); // 圖片保存名稱(chēng),可有,沒(méi)有則按年月日命名 // formData.append("filename", "my_file_name"); $.ajax({ type: 'POST', // 請求方式 url: '/api/admin_process', // 必須的請求路徑 data: formData, // 參數 dataType: 'json', // 數據類(lèi)型 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': ''} # 失敗時(shí)返回 msg 錯誤消息 # 成功時(shí)返回url/新的文件-名/文件大小M/文件類(lèi)型后綴 {'state': 'SUCCESS', 'url': '/upload/product/category/201909/190902152940.png', 'filename': '190902152940.png', 'size': 0.07, 'type': '.png', 'loginid': ''}
適應版本
v1.0.1