php - 如何使用简单的 jquery-ajax 调用上传文件

Question

我正在寻找一个简单 客户端脚本来使用ajax 上传文件。在网上搜索这个脚本，只出现了很多具有多功能的插件。我不需要多重功能 - 只是为了能够使用 ajax 尽可能简单地上传它

是否可以写一些简单的东西:

$.get('server/upload.php?file = ' + $('#uploadInput').val(), function(data) {
   $('.result').html(data);    
 });

如果可能 - 我应该如何正确编写($('#uploadInput').val() 不会给我正确的目录路径 - 那么我需要做什么使用 Ajax 传递位置)。

除此之外 - 为了获得文件的拖放 - 是否有一个简单的脚本或者我是否需要使用插件(并且是否有一个非常小而简单的没有多功能的脚本)

Answer 1

您不能使用 AJAX 上传文件(除非客户端浏览器支持允许访问文件对象的 HTML 5 元素。)。

你的解决办法是伪造它

创建一个表单元素

<form id="myForm" action="upload.php" method="POST" target="results_frame">
  <input name="fileUpload" type="file" />
  <input type="submit" value="Submit" />
</form>

我们为 'results_frame' 设置框架的目标，我们将在 HTML 中的表单之后将其定义为一个空的 iframe。

<iframe id="results_frame" name="results_frame" style="display:none;"></iframe>

然后，在后端的 php 文件中，您可以将文件捕获为 -

$_FILE['file']['param']; //where param accepts multiple values
//such as name, type, size, error, and tmp_name

完成对文件的操作后，您可以回显任何您想要的信息，包括此时刷新初始表单。