欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

通過js獲取上傳的圖片信息（臨時保存路徑，名稱，大小）然后通過ajax傳遞給后端的方法

 更新時間：2015年10月01日 10:24:00   作者：風雨后見彩虹  
最近有朋友向我請教，使用js獲取上傳圖片的信息然后通過ajax傳遞給后端，怎么實現(xiàn)呢？通過上網(wǎng)搜索大量資料，下面小編把我的解決辦法整理，分享給大家，需要的朋友可以參考下

項目需求：如何通過js獲取上傳的圖片信息（臨時保存路徑，名稱，大?。┤缓笸ㄟ^ajax傳遞給后端

題主用jquery接收

<input name="c_pic" id="c_pic" type="file" class="file">

用的方法是：

var input = document.getElementById("c_pic");
input.addEventListener('change',readFile,false);
function readFile(){ 
var file = this.files[0]; 
}

題主想用ajax 的post方法把上傳圖片的相關(guān)信息傳給后端，接收到的file是個object file，請問怎么轉(zhuǎn)換成能夠用post傳遞的數(shù)據(jù)格式？

當時我看到這個題目就想這還不簡單，直接把file通過JSON.stringify(file)（注：stringify()用于從一個對象解析出字符串），代碼如下：

var input = document.getElementById("c_pic");
input.addEventListener('change',readFile,false);

function readFile(){ 
var file = this.files[0];
var file_json = JSON.stringify(file);
console.log(file_json); //打印出來是: {}
$.post('',file_json);
}

發(fā)現(xiàn)打印出來的是一個空的對象：{}；有知道的麻煩告知，感激不盡！

于是換了一種思路用uploadfile插件或百度的webuploader，其中jQuery File Upload 是一個Jquery圖片上傳組件，支持多文件上傳、取消、刪除，上傳前縮略圖預覽、列表顯示圖片大小，支持上傳進度條顯示；支持各種動態(tài)語言開發(fā)的服務器端。
如果支持html5，可以使用FormData Ajax上傳也能實現(xiàn)的。

以上內(nèi)容就是小編給大家分享的通過js獲取上傳的圖片信息（臨時保存路徑，名稱，大?。┤缓笸ㄟ^ajax傳遞給后端的方法，希望對大家有所幫助。

相關(guān)文章

最新評論