課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
怎么上傳圖片
2019-12-17
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 8-2
正在回答
???<tr>
????????????<td>
?????????????<p>選擇上傳文件</p>
????????????</td>
?????????????<input?type="file"?id="myFile"?multiple?onchange="dd()">???
????????</tr>
????function?dd(){
????????console.log(myFile.files);
????????const?file?=?myFile.files[0];
????????const?read?=?new?FileReader();//讀取文件
????????read.readAsDataURL(file);//轉(zhuǎn)譯文件地址
????????//文件加載完成就顯示出來
????????read.onload?=function(){
????????????myPhoto.src?=?read.result
????????}
????}
如果想要圖片的url地址的話,可以用服務(wù)器搭建自己的圖床,將圖片上傳到服務(wù)器中,就可以獲取到url了,用別人的圖床也可以
img 那章有教程
上傳不了圖片的哦
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
6 回答怎樣上傳圖片鏈接?
1 回答Html里,Img標(biāo)簽上傳不了圖片
2 回答怎么插入圖片
2 回答圖片怎么居中,想讓圖片居中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2021-05-06
???<tr>
????????????<td>
?????????????<p>選擇上傳文件</p>
????????????</td>
????????????<td>
?????????????<input?type="file"?id="myFile"?multiple?onchange="dd()">???
????????????</td>
????????</tr>
????function?dd(){
????????console.log(myFile.files);
????????const?file?=?myFile.files[0];
????????const?read?=?new?FileReader();//讀取文件
????????read.readAsDataURL(file);//轉(zhuǎn)譯文件地址
????????//文件加載完成就顯示出來
????????read.onload?=function(){
????????????myPhoto.src?=?read.result
????????}
????}
2020-02-07
如果想要圖片的url地址的話,可以用服務(wù)器搭建自己的圖床,將圖片上傳到服務(wù)器中,就可以獲取到url了,用別人的圖床也可以
2020-01-28
img 那章有教程
2019-12-18
上傳不了圖片的哦