js fileReader를 사용하여 파일을 업로드하면 파일이 손상됩니다.

Question

js 파일 판독기와 AJAX를 사용하여 파일을 내 서버에 업로드하려고합니다.

FileAPI과 fileReader을 사용하여 파일을 읽고 문자열로 변환 한 다음 AJAX 요청을 통해 서버로 보냈습니다.

다음

function upload() { 
    var file = document.getElementById('periodExcel').files[0]; 
    if (file) { 
     console.log(file); 
     var reader = new FileReader(); 
     reader.readAsText(file, file.type); 
     console.log(reader); 
     reader.onload = uploadAndRun; 
    } 
} 
function uploadAndRun(event) { 
    console.log(event); 
    var result = event.target.result; 
    $('#js').html(result); 
    var fileName = document.getElementById('periodExcel').files[0].name; //Should be 'picture.jpg' 

    $.post('./upload.php', {data: result, name: fileName}, function(result2){ 
     $('#php').html(result2); 
    }); 
} 

가 업로드 PHP 스크립트입니다 :

file_put_contents('upload/' . $_POST['name'], $_POST['data']); 

그냥 PHP를 file_put_contents 기능을 사용하여 파일을 작성 은 여기 내 클라이언트 측 JS 코드입니다.

내 문제는 업로드 된 파일이 손상되어 원본 파일 (크기가 더 크다)과 크기가 다른 것입니다.

동일한 파일을 읽고 file_put_contents을 사용하여 다시 쓰는 함수 인 PHP file_get_contents을 사용해 보았는데 결과 파일이 원래 파일과 동일하고 똑같습니다.

나는 다음 문자열에서 온 것을 말해 준다, 두 문자열합니다 ( 파일 리더 및 file_get_contents에서 오는 하나에서 오는 하나)을 비교하기 위해 노력하고 strcmp를 사용하여 두 개의 문자열을 비교 fileReader은 file_get_contents에서 나온 것보다 큽니다.

내 코드의 문제점은 무엇이며 readAsText 기능을 사용하는 동안 FileReader를 사용하여 파일을 이런 식으로 업로드하는 방법은 무엇입니까?

Answer 1

PHP에서 잘못된 콜렉션을 사용하고 있습니다. 업로드 된 파일 스트림에 액세스하려면 $_FILES을 사용하십시오. 여기를 참조하십시오 : http://php.net/manual/en/reserved.variables.files.php
여기 : 한마디로 http://php.net/manual/en/features.file-upload.post-method.php

을, PHP 런타임은 임시 폴더에 로컬로 저장합니다, HTTP 요청에서 업로드 스트림을 읽는을 담당하고에 접근 할 수 위의지도를 노출 임시 파일을 만들고 다른 위치로 옮길 수도 있습니다.