zoukankan      html  css  js  c++  java
  • 用spark-md5.js自动生成MD5码

    项目中会遇到很多上传文件时自动生成MD5码的情况,根据查找资料,写了个小案例,仅供大家参考。

    代码如下:

     html部分:

    <body>
    <input id="file" type="file" multiple="multiple">
    <input type="text" id="md5">
    </body>
    js部分:
    <script type="text/javascript" src="jquery-3.1.1.min.js"></script> //引入jquery
    <script type="text/javascript" src="spark-md5.js"></script> //引入spark-md5.js插件
    <script type="text/javascript">
    var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice,
    input = $('#file'),
    running = false;
      $("#file").on("focus",function () {
    $("#md5").val("");//添加文件时,#md5清空
    });
    $("#file").on("blur",function () {
    if($("#file").val()){ //#file失去焦点时,文件特别大时#md5显示提示内容
    $("#md5").val("正在生成MD5码,请稍等...").css("color","red");
    }
        if (running) {
    return;
    }
    if (!input.files.length) {
    return;
    }
    var fileReader = new FileReader(),
    file = input.files[0];
    fileReader.onload = function (e) {
    running = false;
    if (file.size != e.target.result.byteLength) {
    return false;
    } else {
    $("#md5").val(SparkMD5.ArrayBuffer.hash(e.target.result)).css("color","black");//生成md5码
    }
    };
    running = true;
    fileReader.readAsArrayBuffer(file);
    });
    </script>
    以上仅部分功能。欢迎指正!

  • 相关阅读:
    关于基于.net的WEB程序开发所需要的一些技术归纳
    技术的学习方法探索之一
    生活,就是让程序为人们服务!
    js滑动提示效果
    radio判断是否为空
    JS清除网页历史记录,屏蔽后退按钮
    多表查询存储过程
    IP地址转化为数字,charindex ,SUBSTRING
    c# byte转化为string
    获得IP地址中文
  • 原文地址:https://www.cnblogs.com/lingdu87/p/7821761.html
Copyright © 2011-2022 走看看