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

我需要使用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的

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,encryption,filereader,cryptojs

来源： https://codeday.me/bug/20190624/1277449.html