第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關(guān)于圖片上傳問題?

關(guān)于圖片上傳問題?

胡說叔叔 2019-05-24 18:14:23
看到一些平臺用戶上傳圖片,直接就點擊一次按鈕(或圖片icon),就彈出選擇框,用戶確認(rèn)以后,圖片就直接上傳并在前臺返回圖片信息,但是通常步驟是:點擊按鈕1選擇圖片》彈出選擇框》用戶確認(rèn)》點擊按鈕2確認(rèn)上傳,怎樣實現(xiàn)用戶選完圖片確認(rèn)后就直接上傳,無需再點擊其他按鈕?我試著寫一下:把input隱藏,用ajax上傳,img綁定click,點擊img彈出選擇框,但是第一次上傳是失敗的,感覺還是需要綁定另外一個按鈕才能實現(xiàn)上傳。該怎樣實現(xiàn)?
查看完整描述

2 回答

?
九州編程

TA貢獻(xiàn)1785條經(jīng)驗 獲得超4個贊

先說下思路:
1.把input隱藏,給img標(biāo)簽的點擊回調(diào)方法中,手動調(diào)input的click方法,這時候會彈出圖片選擇框,開始選擇。2.給input的change事件回調(diào)函數(shù)里,獲取選擇的文件。3.用javascript創(chuàng)建formData對象并添加選擇的文件到formData對象中,手動調(diào)用ajax方法上傳文件。
示例代碼(以jQuery為例,可換成其他方式):
//html
//js
$('#file').on('change',function(e){
varfile=e.currentTarget.files;
if(file&&file[0]){
varfd=newFormData();
fd.append('file',file);
//調(diào)用ajax請求,上傳文件
$.ajax('/xxxx',fd)
.....
}
});
                            
查看完整回答
反對 回復(fù) 2019-05-24
  • 2 回答
  • 0 關(guān)注
  • 452 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號