jQuery AJAX文件上传PHP

我想在我的Intranet页面上实现一个简单的文件上传,并使用最小的设置。

这是我的HTML部分:

<input id="sortpicture" type="file" name="sortpic" />

<button id="upload">Upload</button>

这是我的JS jquery脚本:

$("#upload").on("click", function() {

var file_data = $("#sortpicture").prop("files")[0];

var form_data = new FormData();

form_data.append("file", file_data);

alert(form_data);

$.ajax({

url: "/uploads",

dataType: 'script',

cache: false,

contentType: false,

processData: false,

data: form_data,

type: 'post',

success: function(){

alert("works");

}

});

});

网站的根目录中有一个名为“ uploads”的文件夹,具有“用户”和“ IIS_users”的更改权限。

当我选择具有文件格式的文件并按上载按钮时,第一个警报返回“ [object FormData]”。第二个警报不会被调用,“上传”文件夹也为空!

有人可以帮助我找出问题所在吗?

下一步也应该是,使用服务器端生成的名称重命名该文件。也许有人也可以给我解决方案。

回答:

您需要在服务器上运行的脚本来将文件移动到上载目录。jQuery

ajax方法(在浏览器中运行)将表单数据发送到服务器,然后服务器上的脚本处理上载。这是一个使用PHP的示例。

您的HTML很好,但是将您的JS jQuery脚本更新为如下所示:

$('#upload').on('click', function() {

var file_data = $('#sortpicture').prop('files')[0];

var form_data = new FormData();

form_data.append('file', file_data);

alert(form_data);

$.ajax({

url: 'upload.php', // point to server-side PHP script

dataType: 'text', // what to expect back from the PHP script, if anything

cache: false,

contentType: false,

processData: false,

data: form_data,

type: 'post',

success: function(php_script_response){

alert(php_script_response); // display response from the PHP script, if any

}

});

});

现在,对于服务器端脚本,在这种情况下使用PHP。

upload.php :一个在服务器上运行并将文件定向到上载目录的PHP脚本:

<?php

if ( 0 < $_FILES['file']['error'] ) {

echo 'Error: ' . $_FILES['file']['error'] . '<br>';

}

else {

move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);

}

?>


另外,关于目标目录的几件事:

  1. 确保您具有 正确的服务器路径 ,即从PHP脚本位置开始,到uploads目录的路径是什么,以及
  2. 确保它是 可写的

还有关于upload.php脚本中move_uploaded_file使用的PHP函数的一些知识:

move_uploaded_file(

// this is where the file is temporarily stored on the server when uploaded

// do not change this

$_FILES['file']['tmp_name'],

// this is where you want to put the file and what you want to name it

// in this case we are putting in a directory called "uploads"

// and giving it the original filename

'uploads/' . $_FILES['file']['name']

);

$_FILES['file']['name']是文件上传时的名称。您不必使用它。您可以为文件指定所需的任何名称(与服务器文件系统兼容):

move_uploaded_file(

$_FILES['file']['tmp_name'],

'uploads/my_new_filename.whatever'

);

最后,请注意您的PHPupload_max_filesizeANDpost_max_size配置值,并确保您的测试文件不超过两个。这是一些帮助您检查PHP配置以及如何设置最大文件大小和发布设置的帮助。

以上是 jQuery AJAX文件上传PHP 的全部内容, 来源链接: utcz.com/qa/423668.html

回到顶部