【发布时间】:2012-12-22 04:35:53
【问题描述】:
首先,我很抱歉我的英语不好。
我想使用 HTML5 + JavaScript + PHP 将多个文件上传到服务器
用 HTML 和 JS 来做就好像模拟做一样。正常运行。
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.thumb {
height: 75px;
border: 1px solid #000;
margin: 10px 5px 0 0;
}
</style>
</head>
<body>
<form action="lanzar.php" enctype="multipart/form-data" method="post" >
<input type="file" id="files" name="files[]" multiple />
<input type="submit" />
<input type="reset"/>
<output id="list"></output>
</form>
<script>
function handleFileSelect(evt) {
var files = evt.target.files; // FileList object
// Loop through the FileList and render image files as thumbnails.
for (var i = 0, f; f = files[i]; i++) {
// Only process image files.
if (!f.type.match('image.*')) {
continue;
}
var reader = new FileReader();
// Closure to capture the file information.
reader.onload = (function(theFile) {
return function(e) {
// Render thumbnail.
var span = document.createElement('span');
span.innerHTML = ['<img class="thumb" src="', e.target.result,'" title="', escape(theFile.name), '"/>'].join('');
document.getElementById('list').insertBefore(span, null);
};
})(f);
// Read in the image file as a data URL.
reader.readAsDataURL(f);
}
}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>
</body>
</html>
然后我有一个简单的 PHP 代码,它可以显示图像。我的问题是只到最后一个被选中的文件。案子没有休息。好像数组不是制作数据的正确方法。
if(isset($_FILES['files']['tmp_name'])){
echo $num_files = count($_FILES['files']['tmp_name']);
foreach($_FILES['files']['name'] as $key =>$value){
is_uploaded_file($_FILES['files']['tmp_name'][$key]);
$origen = $_FILES['files']['tmp_name'][$key];
$destino = "img/".$_FILES['files']['name'][$key];
move_uploaded_file($origen, $destino);
}
}
我做错了什么? 谢谢
【问题讨论】:
-
你能
var_dump($_FILES)并发布结果吗? -
我尝试上传两张图片 test_01.jpg 和 test_02.jpg 结果是这样的:array(1) { ["files"]=> array(5) { ["name"]= > array(1) { [0]=> string(11) "test_02.jpg" } ["type"]=> array(1) { [0]=> string(10) "image/jpeg" } [" tmp_name"]=> array(1) { [0]=> string(24) "D:\xampp\tmp\phpB97E.tmp" } ["error"]=> array(1) { [0]=> int (0) } ["size"]=> 数组(1) { [0]=> int(66187) } } } 1
-
从 var_dump 可以看出,您只收到列表中的最后一个文件 - 即
multiple不起作用。您使用的是哪个浏览器以及什么版本? -
Chrome 23.0.1271.97m 和 Firefox 17.0.1。在任何情况下都不起作用:(我不明白。但是如果我按照以下方式进行操作并且它可以工作。 但我不喜欢这样,也不明白为什么一种方法有效而另一种方法无效。
-
就我从 3.6 版开始使用 Chrome 和 Firefox 而言。其他浏览器不关心。
标签: php ajax html file-upload