1. 程式人生 > >html上傳圖片並顯示

html上傳圖片並顯示

function loadFile() {
        try {
        //獲取上傳的檔案
            var file = document.getElementById('filemulti').files[0];
            var type = file.type;
            type = type.substring(0, type.indexOf('/'));
            if (type != 'image') {
                Common.error("請選擇一個jpg|gif|png 格式圖片");
                return
; } var size = file.size; if (size > (100 * 1024)) { alert("圖片大小不能超過100Kb"); return; } var reader = new FileReader() reader.onload = function (e) { var result = e.target.result; //將圖片顯示到<img>中
$("#loadFileImg").attr("src", result); } reader.readAsDataURL(file); } catch (e) { console.log(e) } }