使用jquery post发布PHP文件

如果有人知道这段代码的问题，请告诉我。

基本上我想用jQuery上传文件

    $(document).ready(function(event) { $('#form1').submit(function(event) { event.preventDefault(); $.post('post.php',function(data){ $('#result').html(data); }); }); });    
 
Please input the XML:
 
  
 
call back result will appear here
   

和我的php’post.php’

上传的文件名不会返回。 问题是我无法访问上传的文件。

提前致谢！ 希夫

Answer 1

基本上我想用jQuery上传文件

您无法使用AJAX上传文件。 您可以使用jquery.form插件，该插件使用隐藏的iframe：

        
 
Please input the XML:
 
  
 
call back result will appear here
   

另请注意enctype="multipart/form-data"的enctype="multipart/form-data" 。

另一种可能性是使用HTML5文件API ，它允许您实现假设客户端浏览器支持它。

Answer 2

使用jQuery $ .post上传文件是不可能的，无论如何，使用文件API和XMLHttpRequest，完全可以在AJAX中上传文件，你甚至可以知道已经上传了多少数据……

 $('input').change(function() { var fileInput = document.querySelector('#file'); var xhr = new XMLHttpRequest(); xhr.open('POST', '/upload/'); xhr.upload.onprogress = function(e) { /* * values that indicate the progression * e.loaded * e.total */ }; xhr.onload = function() { alert('upload complete'); }; // upload success if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) { // if your server sends a message on upload sucess, // get it with xhr.responseText alert(xhr.responseText); } var form = new FormData(); form.append('title', this.files[0].name); form.append('pict', fileInput.files[0]); xhr.send(form); } 

Answer 3

不，不，你应该使用jQuery表单插件来异步上传文件。 您无法使用jQuery $ .post方法上传文件。 该文件将与隐藏的iframe一起上传

另一种方法是使用FileAPI / BlobApi上传HTML5

Answer 4

尝试使用iframe上传，因为您无法使用$ .post方法发送文件。

Answer 5

你的upload.php有一些错误。

你应该改变这一部分。

 echo $file['tmp_name']; 

至：-

 echo $_FILES['file']['tmp_name']; 

Answer 6

您也可以尝试jquery uploadify – http://www.uploadify.com/