【问题标题】:problems with multiple files in PHPPHP中多个文件的问题
【发布时间】: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


【解决方案1】:

我认为您的脚本运行良好,因为我在本地服务器上对其进行了测试,所有图像都正在上传。请再次检查。

【讨论】:

  • 你的意思是它显示缩略图或放入文件夹 img/ ??
猜你喜欢
  • 2015-09-07
  • 2020-03-29
  • 2013-03-26
  • 1970-01-01
  • 2011-11-19
  • 1970-01-01
  • 2011-05-21
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多