Как зашифровать двоичный файл с помощью HTML5 File API и загрузить на сервер

Мне нужно зашифровать и загрузить файл на сервер Apache / PHP с помощью HTML5 FileReader API и CryptoJS

Я успешно сделал следующее

  • Прочитать файл с помощью FileReader API
  • Преобразуйте файл в base64 с помощью функции readAsDataURL()

  • Зашифруйте его следующим

    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 
?>

javascript encryption html cryptojs filereader
person Cihad Turhan    schedule 02.09.2014    source источник
comment
эта функция уже реализована мной ... при загрузке вы можете удалить data:application/octet-stream причину, по которой вы не можете ее расшифровать   -  person Arpit Srivastava    schedule 02.09.2014
comment
Спасибо @ArpitSrivastava. Я решил проблему.   -  person Cihad Turhan    schedule 02.09.2014

Ответы (1)


arrow_upward
5
arrow_downward

Я нашел ответ новый черновик на 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);
person Cihad Turhan    schedule 02.09.2014
comment
Вы продвинулись дальше с этим? - person niieani; 14.10.2015
comment
@niieani, я этого не сделал. Этот код работает нормально, по крайней мере, для Chrome. - person Cihad Turhan; 15.10.2015
comment
это неправильно ... это должно быть: var encrypted = CryptoJS.AES.encrypt (e.target.result.split (,) [1], пароль); - person Zibri; 23.10.2015