JS获取input[file]的值并显示在页面的实现方法
网络 2018-03-30 1622
实例如下所示:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | $(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]的值并显示在页面的实现方法就是小编分享给大家的全部内容了