当提交表单时,捕获提交过程并尝试运行以下代码片段来上传文件 -
// file 1var myfile = document.getelementbyid('filebox').files[0];var reader = new filereader();reader.readastext(file, 'utf-8');reader.onload = myfunc;function myfunc(event) { var res = event.target.result; var filename = document.getelementbyid('filebox').files[0].name; $.post('/myscript.php', { data: res, name: filename }, continuesubmission);}
然后,在服务器端(即 myscript.php) -
$data = $_post['data'];$filename = $_post['name'];$myserverfile = time().$filename;// prevent overwriting$fp = fopen('/uploads/'.$myserverfile,'w');fwrite($fp, $data);fclose($fp);$retdata = array( "myserverfile" => $myserverfile );echo json_encode($retdata);
以上就是使用html5文件上传与ajax和jquery的详细内容。