2017-07-17 2 views
0

Ich habe eine HTML-Dropdown-Eingabe und Upload-Taste, die funktioniert, wie ich will, aber ich möchte die Möglichkeit, Dateien von meinem Computer auf eine Dropzone ziehen und dann hochladen.Drag-and-Drop-Dateien in HTML-Eingabe

Wie kann ich das tun?

<input id="FileUpload" type="file" accept=".doc, .docx, .ppt, .pptx, .xls, .xlsx, .pdf, .jpg, .jpeg, .png, .gif" multiple="multiple" onchange="CheckFileSize();" /> 

<asp:Button ID="FileUploadBtn" runat="server" Text="Upload" OnClientClick="return ValidateAndSend('Upload');" /> 

ich die unten Doctype habe, die ich nicht ändern kann, glaube ich, das bedeutet, kann ich nicht html5 Beispiele

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

Antwort

0

Ich glaube, dass HTML-Eingabe keinen Drag & Drop hat Datei-Eingabe verwenden. Sie sollten ein externes Skript wie Dropzone.js importieren.

Alles, was Sie tun müssen, ist das Herunterladen und Importieren der Js-Datei in Ihr HTML und folgen Sie den Anweisungen auf der Website t erstellen Sie eine Drag-and-Drop-Dateieingabe. Die Doctype-Überschrift sollte diese Methode nicht beeinflussen.

Ich hoffe, das hilft!