서버에 데이터를 업로드하려고하는데 데이터가 blob에 있습니다.

Question

서버에 데이터를 업로드하려고하는데 데이터가 blob에 있고 문제는 파일이 비어있을 때 업로드되지만 파일에 포함되어 있으면 문제가되지 않습니다. 다음이 데이터 내 코드

function uploadData() 
{ 
    var param = { 
     subjectName: $("#ipName").val(), 
     subjectID: $("#DocSubject").val(), 
     typeID: $("#DocType").val(), 
     year: $("#ipDate").val(), 
     data: dataURL.substr(dataURL.indexOf(',') + 1, dataURL.length), 
}; 
    Handler("Json", param, "UploadData"); 
} 
var dataURL; 
var handleFiles = function (event) { 

    var input = event.target; 

    var reader=new FileReader(); 
    reader.onload=function(){ 
     dataURL=reader.result; 
     var output=document.getElementById('ipSelect'); 
     output.src=dataURL; 
    }; 
    reader.readAsDataURL(input.files[0]); 

} 

처리기입니다 내가 놓친 거지 모르는 server.I를 SQL 내 데이터를 저장 .ASHX 파일입니다.

Answer 1

FileReader().readAsDataURL() 메서드는 결과를 비동기 적으로 반환합니다. 너 load 이벤트 FileReader에서 dataURL을 uploadData() 전화로 전달할 수 있습니다. 참고 또한, reader.result 것을 : dataURL는 data URI가 Blob

function uploadData(dataURL) 
{ 
    var param = { 
     subjectName: $("#ipName").val(), 
     subjectID: $("#DocSubject").val(), 
     typeID: $("#DocType").val(), 
     year: $("#ipDate").val(), 
     data: dataURL.substr(dataURL.indexOf(',') + 1, dataURL.length) 
}; 
    Handler("Json", param, "UploadData"); 
} 
var dataURL; 
var handleFiles = function (event) { 

    var input = event.target; 

    var reader=new FileReader(); 
    reader.onload=function(){ 
     dataURL=reader.result; 
     var output=document.getElementById('ipSelect'); 
     output.src=dataURL; 
     uploadData(dataURL); // call `uploadData()` with `dataURL` as parameter 
    }; 
    reader.readAsDataURL(input.files[0]); 

}