ホームページ >バックエンド開発 >PHPチュートリアル >jQueryを使用してPHPで複数のファイルのアップロードを実装するにはどうすればよいですか?
jQueryを使用してPHPで複数のファイルのアップロードを実装するにはどうすればよいですか?
- Patricia Arquetteオリジナル
- 2024-11-01 06:04:02902ブラウズ
PHP と jQuery を使用した複数のファイルのアップロード
このシナリオでは、PHP と jQuery を使用して複数のファイルをアップロードしようとしています。これを行うには、以下の手順に従います。
Index.html
<code class="html"><html>
<head>
<title>Load files</title>
<script src="jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#myfiles").on("change", function() {
var myfiles = document.getElementById("myfiles");
var files = myfiles.files;
var data = new FormData();
for (i = 0; i < files.length; i++) {
data.append('file' + i, files[i]);
}
$.ajax({
url: 'load.php',
type: 'POST',
contentType: false,
data: data,
processData: false,
cache: false
}).done(function(msg) {
$("#loadedfiles").append(msg);
});
});
});
</script>
</head>
<body>
<div id="upload">
<div class="fileContainer">
<input id="myfiles" type="file" name="myfiles[]" multiple="multiple" />
</div>
</div>
<div id="loadedfiles">
</div>
</body>
</html></code>
load.php
<code class="php">$path="myfiles/";//server path
foreach ($_FILES as $key) {
if($key['error'] == UPLOAD_ERR_OK ){
$name = $key['name'];
$temp = $key['tmp_name'];
$size= ($key['size'] / 1000)."Kb";
move_uploaded_file($temp, $path . $name);
echo "
<div>
<h12><strong>File Name: $name</strong></h2><br />
<h12><strong>Size: $size</strong></h2><br />
<hr>
</div>
";
}else{
echo $key['error'];
}
}</code>以上がjQueryを使用してPHPで複数のファイルのアップロードを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。