Question

我们可以获取使用输入文件类型上传的文件的信息。但我想知道我是否使用拖放上传文件，我如何在php中获取文件信息。我在网上搜索但无法找到关于这个主题的任何好的教程。

在输入类型的情况下，我们可以使用name属性来获取上传的文件数据。但是因为我们必须使用div来拖放，我如何使用php来做类似的事情。我是使用我从教程中获得的以下代码：

目前我没有提示如何做到这一点。请给我一些提示或示例，以便我可以自己继续

＆＃13;

  function handleFileSelect(evt) {
    evt.stopPropagation();
    evt.preventDefault();

    var files = evt.dataTransfer.files; // FileList object.

    // files is a FileList of File objects. List some properties.
    var output = [];
    for (var i = 0, f; f = files[i]; i++) {
      output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ',
                  f.size, ' bytes, last modified: ',
                  f.lastModifiedDate ? f.lastModifiedDate.toLocaleDateString() : 'n/a',
                  '</li>');
    }
    document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>';
  }

  function handleDragOver(evt) {
    evt.stopPropagation();
    evt.preventDefault();
    evt.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.
  }

  // Setup the dnd listeners.
  var dropZone = document.getElementById('drop_zone');
  dropZone.addEventListener('dragover', handleDragOver, false);
  dropZone.addEventListener('drop', handleFileSelect, false);

＆＃13;

    #drop_zone{
	
	    width:200px;
		height:100px;
		border:2px dashed gray;
		text-align:center;
		color:gray;
		font-size:25px;
	}

＆＃13;

<div id="drop_zone">Drop files here</div>
<output id="list"></output>

＆＃13;

Answer 1

当您执行“拖放”操作时，您正在客户端执行此操作，因此这意味着您必须处理要放入div的文件。然后你必须以某种方式上传文件。

您可以创建假/隐藏文件字段。当文件被放入div时，您可以通过HTML5 FileAPI访问它，并将其虚拟地放入隐藏文件字段并提交表单或通过ajax将表单数据发送到服务器上的PHP脚本。

这意味着拖放功能无关，如何在服务器上处理，反之亦然。

如何在php中删除文件

1 个答案: