課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
怎么上傳圖片
2019-12-17
源自:初識HTML(5)+CSS(3)-升級版 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);//轉譯文件地址
????????//文件加載完成就顯示出來
????????read.onload?=function(){
????????????myPhoto.src?=?read.result
????????}
????}
如果想要圖片的url地址的話,可以用服務器搭建自己的圖床,將圖片上傳到服務器中,就可以獲取到url了,用別人的圖床也可以
img 那章有教程
上傳不了圖片的哦
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
6 回答怎樣上傳圖片鏈接?
1 回答Html里,Img標簽上傳不了圖片
2 回答怎么插入圖片
4 回答圖片怎么居中
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
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);//轉譯文件地址
????????//文件加載完成就顯示出來
????????read.onload?=function(){
????????????myPhoto.src?=?read.result
????????}
????}
2020-02-07
如果想要圖片的url地址的話,可以用服務器搭建自己的圖床,將圖片上傳到服務器中,就可以獲取到url了,用別人的圖床也可以
2020-01-28
img 那章有教程
2019-12-18
上傳不了圖片的哦