javascript – 如何使用HTML5 File API加密二进制文件并上传到服务器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用HTML5 File API加密二进制文件并上传到服务器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1726字，纯文字阅读大概需要3分钟。

内容图文

我需要使用HTML5 FileReader API和CryptoJS加密并上传文件到Apache / PHP服务器

我成功完成了以下工作

>使用FileReader API读取文件
>使用readAsDataURL()函数将文件转换为base64
>使用以下内容加密它

CryptoJS.AES.encrypt(e.target.result,密码);

但我无法将其作为File对象发送到服务器,因为我已经将其转换为文本对象,我无法将其转换回文件.以下是我的javascript文件和服务器端代码段.

app.js

 var reader = new FileReader();

 // Read file callback!
 reader.onload = function (e) {

     // Use the CryptoJS library and the AES cypher to encrypt the 
     // contents of the file, held in e.target.result, with the password

     var encrypted = CryptoJS.AES.encrypt(e.target.result, password);


     //SEND FORM DATA
     var data = new FormData($("#fileinfo")[0]);

    /*The following line doesn't work because I'm not adding a File object, 
    * I'm adding file already converted to Base64 format
    */
     data.append('file-0','data:application/octet-stream,' + encrypted);

     $.ajax({
         url: 'upload.php',
         data: data,
         cache: false,
         contentType: false,
         processData: false,
         type: 'POST',
         success: function (data) {
             //alert(data);
         }
     });

 };

upload.php的

<?php
var_dump($_FILES); //prints empty array
var_dump($_POST); //prints file as string 
?>

解决方法:

我在w3上找到了新草案的答案
如果有人需要,这是一个有效的代码

var reader = new FileReader();

// Read file callback!
reader.onload = function (e) {

var encrypted = CryptoJS.AES.encrypt(e.target.result, password);

var data = new FormData($("#fileinfo")[0]);

var encryptedFile = new File([encrypted], file.name + '.encrypted', {type: "text/plain", lastModified: new Date()});

data.append('file[0]', encryptedFile);

$.ajax({
     url: 'upload.php',
     data: data,
     cache: false,
     contentType: false,
     processData: false,
     type: 'POST',
     success: function (data) {
         //alert(data);
     }
 });

};

reader.readAsDataURL(file);

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用HTML5 File API加密二进制文件并上传到服务器全部内容，希望文章能够帮你解决javascript – 如何使用HTML5 File API加密二进制文件并上传到服务器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端