js獲取上傳文件內容,ajax提交


<from action="" enctype="multipart/form-data" method="post">
<a>
<span>修改頭像</span>
<input type="file" id="fileUp" accept="image/png,image/jpeg">
</a>
</from>

var fileM=document.querySelector("#fileUp");
$("#fileUp").on("change",function() {
//獲取文件對象,files是文件選取控件的屬性,存儲的是文件選取控件選取的文件對象,類型是一個數組
var fileObj = fileM.files[0];
//創建formdata對象,formData用來存儲表單的數據,表單數據時以鍵值對形式存儲的。
var formData = new FormData();
formData.append('file', fileObj);
$.ajax({
url: "自己的后台的Url",
type: "post",
dataType: "json",
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (json_data) {
alert("恭喜你!上傳成功");
},
});
});

后台php的話,直接$_FILES就可以獲取。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM