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

javascript結(jié)合fileReader 實現(xiàn)上傳圖片

 更新時間:2015年01月30日 09:31:42   投稿:hebedich  
FileReader具體支持哪些方法和事件,這里就不介紹了,有興趣的可以去w3c官網(wǎng)上看看FileReader介紹,這里主要介紹一下FileReader常見應(yīng)用,以及fileReader 實現(xiàn)上傳圖片示例分享。

關(guān)于File API這里就不詳細(xì)解釋了,小伙伴們自行度娘吧,來我們就要利用文件句柄來讀取文件內(nèi)容,這是通過FileReader來實現(xiàn)的,通過FileReader接口,我們可以異步地將文件內(nèi)容加載到內(nèi)存中,賦予某個js變量。

復(fù)制代碼 代碼如下:

function getImgSrc(target, callback) {
    if (window.FileReader) {
        var oPreviewImg = null, oFReader = new window.FileReader();
        oFReader.onload = function (oFREvent) {
            oPreviewImg = new Image();
            var type = target.files[0].type.split("/")[1];
            var src = oFREvent.target.result;
            oPreviewImg.src = src;
            if (typeof callback == "function") {
                callback(oPreviewImg, target, type, src);
            }
            return oPreviewImg.src;
        };
        return (function () {
            var aFiles = target.files;
            if (aFiles.length === 0) {
                return;
            }
            if (!IsImgType(aFiles[0].type)) {
                alert("You must select a valid image file!");
                return;
            }
            if (aFiles[0].size > 1024 * 1024) {
                target.value = "";
                alert('Please upload image file size less than 1M.');
                return;
            }
            oFReader.readAsDataURL(aFiles[0]);
        })();
    }
    if (navigator.appName === "Microsoft Internet Explorer") {
        return (function () {
            document.getElementById("imagePreview").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = target.value;
        })();
    }
}

以上就是javascript結(jié)合fileReader 實現(xiàn)上傳圖片的關(guān)鍵性代碼了,小伙伴們喜歡嗎?

相關(guān)文章

最新評論