之前都是用插件上傳圖片,這次試了下原生js(jquery) 上傳
- 前端部分
<input type="file" id="file" placeholder="拍照圖片" autocomplete="off" class="layui-input">
<button onclick="uploadFile()" type="button">提交</button>
js:
function uploadFile() {
let host = ""; //寫自己的
let data = {};
let formData = {
"Name": "",
"FolderName": "Repair",
"ProjectCode": "yyxt"
};
data = {
"method": "UploadFile",
"companyNo": "{:C('companyNo')}",
"sign": "{:C('sign')}",
"content": JSON.stringify(formData)
};
let fileData = new FormData();
let name = $("#file").val();
fileData.append("file", $('#file')[0].files[0]); // 或者document.getElementById("file")[0]
fileData.append("name", name);
$.ajax({
type: "post",
url: host + '?data=' + JSON.stringify(data),
// url: '',
data:fileData,
//ajax2.0可以不用設置請求頭,但是jq幫我們自動設置了,這樣的話需要我們自己取消掉
contentType:false,
//取消幫我們格式化數據,是什麼就是什麼
processData:false,
success: function(msg) {
let res = JSON.parse(msg);
if(res['ack'] == 'success'){
layer.msg("提交成功!", {"icon": 1})
}
},
Error:function(data)
{
}
});
}
2.後端
php: $_FILES
//接受
C#:
//獲取文件
HttpPostedFile upfile = context.Request.Files[0];