欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS獲取input[file]的值并顯示在頁面的實現(xiàn)方法

 更新時間：2018年03月09日 16:52:32   作者：chueia  
下面小編就為大家分享一篇JS獲取input[file]的值并顯示在頁面的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

實例如下所示：

$(document).on('change', '.photo-box .file', function () {
  //alert($(this).val());
  function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) { // basic
      url = window.createObjectURL(file);
    } else if (window.URL != undefined) { // mozilla(firefox)
      url = window.URL.createObjectURL(file);
    } else if (window.webkitURL != undefined) { // webkit or chrome
      url = window.webkitURL.createObjectURL(file);
    }
    return url;
  }
  var objUrl = getObjectURL(this.files[0]);
  console.log("objUrl = " + objUrl);
  var html = '<div class="photo-box"><img src="' + objUrl + '" alt=""><div class="photo-btn"><p>刪除</p></div></div>';
  $(this).parent().parent().append(html);
})

以上這篇JS獲取input[file]的值并顯示在頁面的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論