上传文件前使用JQuery文件上传的校验和md5

我正在使用https://github.com/blueimp/jQuery-File-Upload lib将文件上传到服务器。但在此之前，我想校验和md5发送一个AJAX请求来检查重复的文件。那么有什么办法可以在上传之前校验文件的MD5。感谢和最好的问候。上传文件前使用JQuery文件上传的校验和md5

来源

2017-09-15 boyxmen006

摘要：

在'add'部分添加火花MD5码，呼吁data.submit()之前 - 这将启动上传。
你也可以做其他的事情像文件大小检查等

我的堆栈：

Multer在我的Node.js（你可以用其他的东西）：github.com/expressjs/mutter
blueimp ：npmjs.com/package/blueimp-file-upload
火花-MD5的MD5校验：9px.ir/demo/incremental-md5.html

npmjs.com/package/spark-md5

从演示页面代码个

控制台日志结果：

uploading adobe_flash_setup_0906278883.exe 4522ae4ce9ee143b5b18dfa4a51b01b6 
file name: adobe_flash_setup_0906278883.exe (1,518,959 bytes) 
read chunk number 1 of 1 
finished loading :) 
computed hash: 3f38a0468b52a38c34385201de4746b0 
placeholder call for data.submit();

我<script>标签之前：

<script src="https://unpkg.com/[email protected]/dist/jquery.min.js"></script> 
<script src="https://unpkg.com/[email protected]/js/vendor/jquery.ui.widget.js"></script> 
<script src="https://unpkg.com/[email protected]/js/jquery.iframe-transport.js"></script> 
<script src="https://unpkg.com/[email protected]/js/jquery.fileupload.js"></script> 
<script src="https://unpkg.com/[email protected]/spark-md5.min.js"></script>

在我<script>标签：

 $('#fileupload').fileupload({ 
        url: 'https://mywebsite/blahblahblahblahblah', 
        paramName: '_file', 
        dataType: 'json', 
        type: 'POST', 
        autoUpload: true, 
        add: function(e, data) { 
         console.log('uploading', data.files[0].name, _hashID); 


         var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice, 
          file = data.files[0], 
          chunkSize = 2097152, // read in chunks of 2MB 
          chunks = Math.ceil(file.size/chunkSize), 
          currentChunk = 0, 
          spark = new SparkMD5.ArrayBuffer(), 
          frOnload = function(e) { 
           console.log("\nread chunk number " + parseInt(currentChunk + 1) + " of " + chunks); 
           spark.append(e.target.result); // append array buffer 
           currentChunk++; 
           if (currentChunk < chunks) 
            loadNext(); 
           else 
            console.log("\nfinished loading :)\n\ncomputed hash:\n" + spark.end()); 
           console.log("placeholder call for data.submit();") 
           data.submit(); 
          }, 
          frOnerror = function() { 
           console.log("\noops, something went wrong."); 
          }; 

         function loadNext() { 
          var fileReader = new FileReader(); 
          fileReader.onload = frOnload; 
          fileReader.onerror = frOnerror; 
          var start = currentChunk * chunkSize, 
           end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize; 
          fileReader.readAsArrayBuffer(blobSlice.call(file, start, end)); 
         }; 
         console.log("file name: " + file.name + " (" + file.size.toString().replace(/\B(?=(?:\d{3})+(?!\d))/g, ',') + " bytes)\n"); 
         loadNext(); 
        }, 
        progress: function (e, data) { 
         // usual stuff 
        }, 
        done: function (e, data) { 
         // usual stuff 
        }

来源

2017-10-22 13:39:13 xemasiv

上传文件前使用JQuery文件上传的校验和md5

回答

相关问题