我怎样才能得到我拖放的文件的文件名？PHP Javascript

w8ntj3qf 于 2023-04-28 发布在 PHP

关注(0)|答案(1)|浏览(87)

我对拖放文件一无所知，但我发现了这个漂亮的小代码，它允许我将文本文件拖到文本区域。效果很好。我想知道是否有可能得到我删除的文件的文件名并将其保存到php变量中？我需要的文件名后，形式提交。

function dropfile(file) {
  var reader = new FileReader();
  reader.onload = function(e) {
    area.value = e.target.result;
  };
  reader.readAsText(file, 'UTF-8');
}

area.ondrop = function(e) {
  e.preventDefault();
  var file = e.dataTransfer.files[0];
  dropfile(file);
};

<form  method='post' action='' id='theform'>
<textarea id='area' name='data'></textarea>
</form>
<button id=sub onclick='theform.submit()'>SUBMIT</button>

php

来源：https://stackoverflow.com/questions/76126093/how-can-i-get-the-filename-of-the-file-i-dragged-and-dropped-php-javascript

1条答案

按热度按时间

vlju58qv1#

您可以在drop event中使用File.prototype.name property，如下所示：

function dropfile(file) {
  var reader = new FileReader();
  reader.onload = function(e) {
    area.value = file.name + '\n' + e.target.result;
  };
  reader.readAsText(file, 'UTF-8');
}

area.ondrop = function(e) {
  e.preventDefault();
  var file = e.dataTransfer.files[0];
  dropfile(file);
};

<form method='post' action='' id='theform'>
  <textarea id='area' name='data'></textarea>
</form>
<button id=sub onclick='theform.submit()'>SUBMIT</button>

赞(0）回复(0）举报 2023-04-28

我来回答

我怎样才能得到我拖放的文件的文件名？PHP Javascript

1条答案

相关问题

热门标签

最新问答