HTML5以圖片而非“選擇檔案”按鈕顯示

使用 JavaScript FileReader 來允許使用者選擇影像。

讓我們看一個示例 −

<form id = "myform" runat = "server">
   <input type = 'file' id = "myimg" />
   <img id = "myid" src = "#" alt = "new image" />
</form>

這是 JS −

function readURL(input) {
   if (input.files && input.files[0]) {
      var r = new FileReader();
      r.onload = function (ev) {
         $('#myid).attr('src', ev.target.result);
      }
      reader.readAsDataURL(input.files[0]);
   }
}   

Chandu yadav

更新於： 2020 年 6 月 25 日

275 次瀏覽

開啟您的 職業生涯

完成課程獲得認證

開始