3

我有一个拖放上传器（.jpg、.ai、.pdf、.flv、.psd ....等）

我正在以二进制形式读取文件并在 jquery 帖子中发送字符串：

function importZoneDrop(evt) {
    evt.stopPropagation();
    evt.preventDefault();

    var files = evt.dataTransfer.files; // FileList object.

    // files is a FileList of File objects. List some properties.
    for (var i = 0, f; f = files[i]; i++) {
        var start = 0;
        var stop = files[0].size - 1;
        var reader1 = new FileReader();
        var reader2 = new FileReader();
        var ext = f.name.substring(f.name.indexOf(".")+1);
        if(ext == "JPEG" || ext == "jpeg" || ext == "JPG"){
            ext ="jpg";
        }

        reader1.onload = (function(theFile) {
            return function(e) {
              // Render thumbnail.
              $("#import-drop-zone").append('<img src="'+e.target.result+'" />');
            };
         })(f);

        reader2.onloadend = function(evt) {
          if (evt.target.readyState == FileReader.DONE) { // DONE == 2
            $.post("/process/upload.php",{"blob":evt.target.result,"extension":ext},function(data){
                console.log(data);
            });
          }
        };

        reader1.readAsDataURL(f);
        var blob = f.slice(start, stop + 1);
        reader2.readAsBinaryString(f);
    }
  }

这有效并发送文件。接下来获取字符串并使用 file_put_contents 写入：

$extension = $_POST['extension'];
$file = $_POST['blob'];//sent from jquery post
$filePath = "../_temp/monkey.".$extension;

file_put_contents($filePath,$file);
if(file_put_contents($filePath,$file)){
    echo json_encode("it worked");
}else{
    echo json_encode("it failed");
}

这将成功写入文件。但是文件不起作用，它已经坏了。

我究竟做错了什么？

4

1 回答 1

4

你需要使用base64_decode.

file_put_contents($filePath, base64_decode($file));

请注意，您当前正在写入数据两次。不。

if (file_put_contents($filePath, base64_decode($file))) {

很好

编辑

同样值得一提的是，直接上传二进制文件效率更高，然后您可以跳过base64_decode. 像这样的东西：

var xhr  = new XMLHttpRequest(),
    data = new FormData();

data.append("file", f); // You don't need to use a FileReader
// append your post fields

// attach your events
xhr.addEventListener('load', function(e) {});
xhr.upload.addEventListener('progress', function(e) {});

xhr.open('POST', '/process/upload.php', true);
xhr.send(data);

您可以在此处查看其余事件以及此处的一些示例。

于 2012-09-19T15:05:01.367 回答