Heim >Backend-Entwicklung >PHP-Tutorial >PHP verwendet DropzoneJS, um Dateien zum Hochladen per Drag & Drop in den Textbereich der aktuellen Seite zu übertragen.

PHP verwendet DropzoneJS, um Dateien zum Hochladen per Drag & Drop in den Textbereich der aktuellen Seite zu übertragen.

WBOYOriginal: 2016-12-01 00:56:381552Durchsuche

Die Demo-Upload-Seite von dropzonejs wurde geändert: (Ursprüngliche Adresse: http://www.dropzonejs.com/exa...) Ein Textbereich wurde hinzugefügt. Ich möchte erkennen, dass die Verarbeitungsergebnisse nach Abschluss der Datei-Upload-Verarbeitung angezeigt werden wird im Textbereich wiedergegeben. Was soll ich tun?

Das Folgende ist der Inhalt der Datei index.php:

<code><!DOCTYPE html>
<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>

Das Folgende ist der Inhalt der Datei 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>

Antwortinhalt:

Das Folgende ist der Inhalt der Datei index.php:

<code><!DOCTYPE html>
<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>

Das Folgende ist der Inhalt der Datei 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>

Sie können die hochgeladene Bildadresse über Ajax abrufen und sie dann anzeigen

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Wie konvertiere ich ein PHP-Array mit derselben CID und füge ein neues Feld zu einem neuen zweidimensionalen Array hinzu?Nächster Artikel：Wie konvertiere ich ein PHP-Array mit derselben CID und füge ein neues Feld zu einem neuen zweidimensionalen Array hinzu?

In Verbindung stehende Artikel

Mehr sehen