javascript - 如何使用 PHP 通过 AJAX 上传文件？-6ren

javascript - 如何使用 PHP 通过 AJAX 上传文件？

转载作者：行者123 更新时间：2023-11-28 06:32:48

25

4

我想使用 AJAX 和 PHP 将文件上传到服务器。这是我到目前为止所尝试过的，但它对我不起作用。服务器抛出此错误:-注意:未定义索引:文件位于 C:\xampp\htdocs\authentication\test.php 第 3 行注意:未定义索引:C:\xampp\htdocs\authentication\test.php 中的文件第 7 行注意:未定义索引:C:\xampp\htdocs\authentication\test.php 中的文件第 7 行客户端代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form Generator</title>
 <link rel="stylesheet" type="text/css" href="style.css" />
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
 <script type="text/javascript" src="jquery-2.1.4.js"></script>
<script type="text/javascript">
function valid(){

    var file_data = $('#sortpicture').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);
    alert(form_data);                             
    $.ajax({
                url: 'test.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(data){
                    $('#result').html(data); // display response from the PHP script, if any
                }
     });
}
</script>
 </head>
<body>
<div id='result'></div>
<input id="sortpicture" type="file" name="sortpic" />
<button id="upload" onclick='valid()'>Upload</button>
</body>
</html>

这是客户端代码，test.php:

<?php

    if ( 0 < $_FILES['file']['error'] ) {
        echo 'Error: ' . $_FILES['file']['error'] . '<br>';
    }
    else {
        if(move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name'])){
			
			
			echo "file uploaded";
		}
    }

?>

最佳答案

这两行是错误的:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery-2.1.4.js"></script>

仅使用 jQuery 的一个版本:1.5.1 或 2.1.4(我建议使用最后一个)!

关于javascript - 如何使用 PHP 通过 AJAX 上传文件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34550702/

25

4

0

文章推荐： arrays - 按日期顺序对数组进行排序会导致设备崩溃

文章推荐： javascript - 无法获取函数的值

javascript - 正则表达式/[a-zA-Z0-9_-]/传 `!!!`时返回true
我有以下正则表达式 /[a-zA-Z0-9_-]/ 当字符串只包含从 a 到z 大小写、数字、_ 和 -。我的代码有什么问题？能否请您向我提供一个简短的解释和有关如何修复它的代码示例？ //var

首页

博学

6Ren·AI

商城

javascript - 如何使用 PHP 通过 AJAX 上传文件？