Rumah > pembangunan bahagian belakang > tutorial php > php 使用dropzonejs拖拽文件上传,如何将处理结果回显到当前页的textarea中?

php 使用dropzonejs拖拽文件上传,如何将处理结果回显到当前页的textarea中?

WBOY
Lepaskan: 2023-03-01 22:40:01
asal
1549 orang telah melayarinya

修改了下dropzonejs的demo上传页面:(原地址:http://www.dropzonejs.com/exa...)加了个textarea,想实现文件上传处理完成后将处理结果回显到textarea内,请问该如何处理?


以下是index.php文件内容:

<code>
<meta charset="utf-8">
<title>Dropzone simple example</title>
<!--
  DO NOT SIMPLY COPY THOSE LINES. Download the JS and CSS files from the
  latest release (https://github.com/enyo/dropzone/releases/latest), and
  host them yourself!
-->
<script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
<link rel="stylesheet" href="https://rawgit.com/enyo/dropzone/master/dist/dropzone.css">


<p>
  This is the most minimal example of Dropzone. The upload in this example
  doesn't work, because there is no actual server to handle the file upload.
</p>

<!-- Change /upload-target to your upload address -->
<form action="upload_file.php" class="dropzone"></form>
<div>
    <textarea class="result" rows="16" cols="265" id="res"></textarea>
</div></code>
Salin selepas log masuk
Salin selepas log masuk

以下是upload_file.php文件内容:

<code><?php echo "---start---\n";
    if ($_FILES["file"]["error"] > 0) {
      echo "Error: " . $_FILES["file"]["error"] . "<br>";
    } else {
      echo "Upload: " . $_FILES["file"]["name"] . "<br>";
      echo "Type: " . $_FILES["file"]["type"] . "<br>";
      echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br>";
      echo "Stored in: " . $_FILES["file"]["tmp_name"];
      $content = file_get_contents($_FILES["file"]["tmp_name"]);
      echo $content;
    }
?></code>
Salin selepas log masuk
Salin selepas log masuk

回复内容:

修改了下dropzonejs的demo上传页面:(原地址:http://www.dropzonejs.com/exa...)加了个textarea,想实现文件上传处理完成后将处理结果回显到textarea内,请问该如何处理?


以下是index.php文件内容:

<code>
<meta charset="utf-8">
<title>Dropzone simple example</title>
<!--
  DO NOT SIMPLY COPY THOSE LINES. Download the JS and CSS files from the
  latest release (https://github.com/enyo/dropzone/releases/latest), and
  host them yourself!
-->
<script src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
<link rel="stylesheet" href="https://rawgit.com/enyo/dropzone/master/dist/dropzone.css">


<p>
  This is the most minimal example of Dropzone. The upload in this example
  doesn't work, because there is no actual server to handle the file upload.
</p>

<!-- Change /upload-target to your upload address -->
<form action="upload_file.php" class="dropzone"></form>
<div>
    <textarea class="result" rows="16" cols="265" id="res"></textarea>
</div></code>
Salin selepas log masuk
Salin selepas log masuk

以下是upload_file.php文件内容:

<code><?php echo "---start---\n";
    if ($_FILES["file"]["error"] > 0) {
      echo "Error: " . $_FILES["file"]["error"] . "<br>";
    } else {
      echo "Upload: " . $_FILES["file"]["name"] . "<br>";
      echo "Type: " . $_FILES["file"]["type"] . "<br>";
      echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br>";
      echo "Stored in: " . $_FILES["file"]["tmp_name"];
      $content = file_get_contents($_FILES["file"]["tmp_name"]);
      echo $content;
    }
?></code>
Salin selepas log masuk
Salin selepas log masuk

可以通过ajax获取上传后的图片地址,然后显示

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan