загрузить файл ajax, javascript, php

Question

, пожалуйста, я хочу загрузить файл по ajax и javascript, php без обновления страницы: моя идея - отправить файл по ajax xmlhttp.send (file); и получить файл в PHP скрипт, но я не знаю, как это сделать uing функцию записи

function record(elem){ 
 
\t  
 
\t }

<td style='font-size:11px;'><span id='confirm1 $id'>Confirm : <input id='confirm1' onchange='record(this.id);' style='font-size:9px; height:27px; width:134px;' type='file' name='confirm1' /></td>

Answer 1

Вы, вероятно, ищете что-то вроде FormData API:

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Submitting_forms_and_uploading_files

Простым способом может быть просто использование iframe.

Answer 2

проблема заключается в том, чтобы получить файл в PHP скрипт: $ _FILES [ 'thefile']:

function record(elem){ 
 
\t \t var quelr=elem; 
 
\t \t var file1 = document.getElementById(quelr); 
 
\t \t var path = file1.value; 
 
\t \t var file = file1.files[0]; 
 
\t \t var formData = new FormData(); 
 
\t \t formData.append("thefile", file); 
 

 
\t \t 
 
\t var startIndex = (path.indexOf('\\') >= 0 ? path.lastIndexOf('\\') : path.lastIndexOf('/')); 
 
\t var filename = path.substring(startIndex); 
 
\t if (filename.indexOf('\\') === 0 || filename.indexOf('/') === 0) { 
 
\t \t filename = filename.substring(1); 
 
\t } 
 
\t alert(filename); 
 
\t   xmlhttp=new XMLHttpRequest(); 
 
\t \t \t alert("mehdi"); 
 
\t \t  xmlhttp.open("POST","record.php",true); 
 
\t \t \t alert("mehdi"); 
 
\t \t \t xmlhttp.setRequestHeader("enctype","multipart/form-data"); 
 
\t \t \t xmlhttp.send(formData); 
 
\t \t  document.getElementById(quelr+" "+id).innerHTML=xmlhttp.responseText; 
 
\t }