JavaScript   发布时间:2022-04-04  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – XHR.send(文件参数)?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图弄清楚如何在同一 XMLhttprequest中发送文件和参数.这可能吗?

显然我可以做xhr.send(文件参数)或xhr.(文件,参数).而且我认为我不能设置两个不同的请求标头来执行此操作…

xhr.setrequestHead('X_FILename',file.Name)
xhr.send(filE);
xhr.setrequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send(params);

有没有办法发送params而不必使用GET或次要xhr请求?

解决方法

如果您依赖支持FormData的浏览器,您可以使用下面的代码(JavaScript):
var formData = new FormData();
formData.append('param1','myParam');
formData.append('param2',12345); 
formData.append('uploadDir','public-data');  
formData.append('myfile',filE);

xhr.send(formData);

然后,在服务器端,您可以使用此代码(php)访问您的变量:

<?
  $param1 = $_POST['param1']; //myParam
  $param2 = $_POST['param2']; //12345
  $uploaddir = $_POST['uploadDir']; //public-data
  $filename = $_FILES['myfile']['name'];
  $fileZise = $_FILES['myfile']['size'];
  $uploaddir = getcwd().DIRECTORY_SEPARATOR.$uploaddir.DIRECTORY_SEPARATOR;
  $uploadfile = $uploaddir.basename($fileName);       
  move_uploaded_file($_FILES['file']['tmp_name'],$uploadfilE);
  echo $filename.' ['.$fileZise.'] was uploaded successfully!';
?>

要获取$_FILES [‘myfile’]的所有参数,请使用var_dump($_ FILES [“myfile”])

大佬总结

以上是大佬教程为你收集整理的javascript – XHR.send(文件参数)?全部内容,希望文章能够帮你解决javascript – XHR.send(文件参数)?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。