国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

利用HTML5 file api讀取圖片進行本地操作

MobService / 3155人閱讀

摘要：實現方法如下創建對象基于每塊文件讀取完畢之后的處理計算的之前做的一個活動頁面，上傳照片測氣質，只在本地操作圖片，并根據值返回唯一結果

需求場景：需要用戶上傳一張照片，返回給用戶一個唯一的結果，比如測試類網頁你擁有哪種女人氣質？（移動端）
其實這種需求（不需要保存圖片）的話，只需要在本地處理圖片即可，不需要將圖片上傳到服務器。計算圖片的md5值可以確保唯一性。
針對這個需求，可以使用HTML5 file api來讀取文件。實現方法如下：

document.getElementById("file").addEventListener("change", function() {
    var fileReader = new FileReader(), box = document.getElementById("box"),
    //創建md5對象（基于SparkMD5）
    spark = new SparkMD5();
    //每塊文件讀取完畢之后的處理
    fileReader.onload = function(e) {
        console.log("finished loading");
        $("#box").append("");
        console.info("計算的Hash", spark.end());
    };
});

demo:
http://jsbin.com/zoputihuqe/edit?html,css,js,output

JS Bin on jsbin.com

之前做的一個活動頁面，上傳照片測氣質，只在本地操作圖片，并根據MD5值返回唯一結果：

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79810.html

相關文章

  • 上傳圖片本地預覽效果實現（兼容IE8）

    摘要：以上傳圖片為例。我們可以通過獲取上傳的圖片相關信息，但是想要實現本地預覽還需要借助來實現可以讀取本地圖片，并將圖片數據轉換成編碼的字符串形式嵌入到頁面中。在我們實現上傳圖片的效果里，就有用到。圖片預覽兼容處理及以下版本不支持和。 最近項目里需要用到上傳圖片并預覽的功能，于是寫了個jQuery預覽圖片插件，下載地址。如果有需要的，可以直接下載。第一次寫jQuery插件，如有不對之處，歡迎...

    avwu 評論0 收藏0

發表評論

0條評論

MobService

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<