通過js獲取上傳的圖片信息（臨時(shí)保存路徑，名稱，大小）然后通過ajax傳遞給后端的方法
項(xiàng)目需求：如何通過js獲取上傳的圖片信息（臨時(shí)保存路徑，名稱，大小）然后通過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是個(gè)object file，請問怎么轉(zhuǎn)換成能夠用post傳遞的數(shù)據(jù)格式？
當(dāng)時(shí)我看到這個(gè)題目就想這還不簡單，直接把file通過JSON.stringify(file)（注：stringify()用于從一個(gè)對象解析出字符串），代碼如下：
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)打印出來的是一個(gè)空的對象：{}；有知道的麻煩告知，感激不盡！
于是換了一種思路用uploadfile插件或百度的webuploader，其中jQuery File Upload 是一個(gè)Jquery圖片上傳組件，支持多文件上傳、取消、刪除，上傳前縮略圖預(yù)覽、列表顯示圖片大小，支持上傳進(jìn)度條顯示；支持各種動(dòng)態(tài)語言開發(fā)的服務(wù)器端。
如果支持html5，可以使用FormData Ajax上傳也能實(shí)現(xiàn)的。
以上內(nèi)容就是小編給大家分享的通過js獲取上傳的圖片信息（臨時(shí)保存路徑，名稱，大小）然后通過ajax傳遞給后端的方法，希望對大家有所幫助。
相關(guān)文章
JS getAttribute和setAttribute(取得和設(shè)置屬性)的使用介紹
本篇文章是對JS中的getAttribute和setAttribute(取得和設(shè)置屬性)的使用進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下2013-07-07
JavaScript中Array.find()方法的使用與技巧
在JavaScript中,Array.find是一個(gè)高效且易用的數(shù)組查找方法,和其他遍歷方法相比,Array.find不僅能更簡潔地找到符合條件的第一個(gè)元素,返回的元素是原數(shù)組中的引用,本文給大家介紹了JavaScript中Array.find()方法的使用與技巧,需要的朋友可以參考下2025-02-02
layui的數(shù)據(jù)表格+springmvc實(shí)現(xiàn)搜索功能的例子
今天小編就為大家分享一篇layui的數(shù)據(jù)表格+springmvc實(shí)現(xiàn)搜索功能的例子，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript快速實(shí)現(xiàn)日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
微信實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)到用其他瀏覽器打開指定APP下載
這篇文章主要介紹了微信實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)到用其他瀏覽器打開指定APP下載，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02
幾種設(shè)置表單元素中文本輸入框不可編輯的方法總結(jié)
這篇文章主要是對幾種設(shè)置表單元素中文本輸入框不可編輯的方法進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)圖片拖曳效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
ichart.js繪制虛線、平均分虛線效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猧chart.js繪制虛線、平均分虛線效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05
下面小編就為大家?guī)硪黄猨s獲取指定字符前/后的字符串簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
音樂播放用的的幾個(gè)函數(shù)...2006-09-09