Tag: dropzone.js

Eine Open-Source-Javascript-Bibliothek, die Drag-and-Drop-Datei-Uploads mit Bildvorschauen ermöglicht

Jquery Dropzone.js ändern der thumbnail-Breite von 100%

Anzahl der Antworten 3 Antworten
Ich bin mit Dropzone.js um Benutzern das hochladen von Dateien auf den server, nach den Spezifikationen, die Sie ändern können Sie die thumbnail-Breite, wie unten gezeigt, aber ich wollen, ändern Sie die Breite auf 100% anstatt px,

konfigurieren dropzone-display-Bereich

Anzahl der Antworten 1 Antworten
Habe ich erfolgreich umgesetzt dropzone.js auf meiner ASP.MVC 4. Aber ich muss noch kürzen, die Höhe des dropdown-Bereichs und übersetzen Sie den Text. Gibt es eine einfache Möglichkeit, dies zu tun? Ich habe versucht, zu ändern, die

Hochladen von mehreren Dateien einzeln mit separaten Dropzones in einer form

Anzahl der Antworten 1 Antworten
Ich habe ein Formular, wo Sie ständig weitere Zeilen hinzufügen. Eine Zeile enthält name und avatar, etc. Den ich nutzen möchte Dropzone.js zu jeder avatar eine andere abwerfbaren Feld. Immer wenn ich eine neue Zeile, ich bin

Dropzone keine url / Dropzone bereits angebracht

Anzahl der Antworten 1 Antworten
Ich das Gefühl, ich bin zu verlieren mein Geist hier. Ich lese alle threads über mein Problem, ich habe die "Dropzone.autoDiscover = false;", aber nichts scheint zu funktionieren. Ich immer : Uncaught Error: Keine URL zur Verfügung

Dropzone.js aufrufen accept () - Funktion programmgesteuert

Anzahl der Antworten 2 Antworten
Benutze ich Dropzone.js und ich habe implementiert eine benutzerdefinierte Einschränkung für Dateien, lehnt Dateien mit dem selben Dateinamen. Heres mein code der Initialisierung: var myDropzone = new Dropzone("div#myId", { url: MpgCommon.app.route('upload_files_path'), addRemoveLinks: true, thumbnailWidth: "80", thumbnailHeight: "80",

wie erstellen dropzone im div?

Anzahl der Antworten 1 Antworten
Hinweise : ich müde alle Fragen & Antworten im Zusammenhang mit diesem Thema. benutze ich form tag arbeiten dann völlig in Ordnung .siehe Code -Hier . Ich will Dropzone in meine Div-Tags. aber irgend wie nicht funktionieren.

Dropzone.js Drag & Drop funktioniert nicht unter IE10

Anzahl der Antworten 3 Antworten
Ich folgte dem tutorial Kombinieren normalen form mit Dropzone (https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone) und die daraus resultierende Seite funktioniert perfekt in der neuesten version von Google Chrome. Aber, wenn ich zum testen die gleiche Seite in IE10 drag und drop

DropZoneJS + JavascriptLoadImage: Bild drehen?

Anzahl der Antworten 4 Antworten
Ich versuche zu kombinieren DropZoneJS (gefunden hier) und JavascriptLoadImage (gefunden hier) eine Lösung zu schaffen, wo ein Benutzer kann mit drag-drop eine Datei hochladen, und auf der Grundlage der EXIF-Metadaten-Informationen in das Bild, wird es drehen Sie

Dropzone Bild-upload-Fehler anzuzeigen, wie zu entfernen error

Anzahl der Antworten 1 Antworten
Hinweise : ich müde alle Fragen & Antworten im Zusammenhang mit diesem Thema. Ich möchte zum entfernen von HTML-Daten in popup nach dem hochladen, img oder einem anderen Dokument in Dropzone . Dropzone uploed Datei akzeptiert werden

dropzone.js programmgesteuert funktioniert nicht

Anzahl der Antworten 2 Antworten
Ich versuche erstellen von drop-zones programmatisch, aber es funktioniert nicht. HTML-Code: <div class="content-wrap"> <div class="row"> <script type="text/javascript"> $(function() { $("div#myDropZone").dropzone({ url : "/file-upload" }); }); </script> <div class="col-sm-12"> <div class="nest" id="DropZoneClose"> <div class="title-alt"> <h6>DropZone</h6> </div> <div class="body-nest"

Reagieren-Dropzone-Vorschau nicht angezeigt

Anzahl der Antworten 3 Antworten
Verwendung reagieren-dropzone (https://www.npmjs.com/package/react-dropzone) und abrufen von Dateien-Protokollierung auf der Konsole, aber keine Bildvorschau zu füllen, auf Status ändern. Keine Ahnung, was ich falsch mache? export default class JoinForm extends Component { constructor(props) { super(props) this.state = {

entfernen aller manuell hinzugefügten Dateien aus Dropzone.js?

Anzahl der Antworten 1 Antworten
Es gibt ein unbekanntes problem beim programmgesteuerten löschen programmgesteuert Hinzugefügt Dateien auf Dropzone. Hier ist mein code, der nicht funktioniert: //constructor - OK docsDropzone = new Dropzone( "#docsUpload", { url: uploadUrl, addRemoveLinks: true, init: function() { this.on(

Entfernen dropzone von Daumen und ausblenden des div mit dropzone

Anzahl der Antworten 2 Antworten
Ich bin mit der dropzone.js Datei-uploader. Alles funktioniert einwandfrei, aber sobald ich Sie hochgeladen habe, will ich klar die dropzone von Daumen und ausblenden des div mit dropzone. Das ist, wo die Dinge schief gehen. Die Daumen

Dropzone Resize-Funktion

Anzahl der Antworten 7 Antworten
Habe ich implementiert, die eine dropzone-Seite mit http://www.dropzonejs.com/ Ich habe ein Problem mit dem resize-Funktionalität. Meine Bilder werden ständig beschnitten werden, auch wenn Sie das falsche Seitenverhältnis. Frage ich mich zwei Dinge: Kann ich konfigurieren dropzone zu

Dropzone.js - Anzeige der vorhandenen Dateien auf dem server

Anzahl der Antworten 4 Antworten
Derzeit bin ich über dropzone.js v3.10.2 ich bin haben Sie Probleme mit der Anzeige, meine vorhandenen Dateien habe ich bereits hochgeladen. Ich bin mehr als kompetent mit php, jedoch habe ich begrenzte Kenntnisse, wenn es darum geht

redux Aktion "keine Funktion" wird ausgelöst, wenn von der Komponente

Anzahl der Antworten 6 Antworten
Ich versuche, eine app erstellen, die mit einer CSV-upload. Wenn Sie eine CSV hochgeladen ist, wird es den Zustand ändern und dann werde ich Parsen von CSV nach JSON und machen Sachen mit ihm. Die Idee ist,

hapi.js Cors Pre-flight-nicht Rückkehr-Access-Control-Allow-Origin-header

Anzahl der Antworten 2 Antworten
Habe ich ein ajax Datei-upload mit (Dropzone js). sendet eine Datei an meinen server hapi. Ich merkte, sendet der browser eine PREFLIGHT-OPTIONEN-METHODE. aber mein hapi-server scheint nicht zu senden Sie die richtige Antwort-Headern, so bin ich immer

Wie die Anzeige Fehlermeldung, von jquery-dropzone

Anzahl der Antworten 3 Antworten
Ich nutze dropzone mit CI, i don ' T know how to display error message und benutzerdefinierte Meldung beim hochladen falsch, das ist mein Skript Dropzone.autoDiscover = false; try { var myDropzone = new Dropzone("#adminform" , {

Gibt es eine Möglichkeit, drag-and-drop die Reihenfolge der Elemente in einer Vorschau dropzone.js Instanz?

Anzahl der Antworten 3 Antworten
Habe ich eine dropzone.js Beispiel auf eine web-Seite mit den folgenden Optionen: autoProcessQueue:false uploadMultiple:true parallelUploads:20 maxFiles:20 Es ist programmgesteuert instanziiert, wie es ist Teil einer größeren form. Ich habe es manipuliert, um Prozess der Warteschlange, wenn das

So zeigen Sie eine benutzerdefinierte Fehlermeldung in DropzoneJS?

Anzahl der Antworten 3 Antworten
Ich brauche, um zu überprüfen, ob eine Datei einen gültigen MIME-Typ, wenn die Größe der Datei in Ordnung ist, und wenn seine Dimensionen sind ok, dann Datei hochladen. So, wenn alles OK ist, die ich nutzen kann:

dropzone.js gibt Fehler "Ungültige dropzone element", auf Seite ohne dropzone

Anzahl der Antworten 1 Antworten
Ich bin mit dropzone js es funktioniert und es ist toll auf Seiten, die ich benötigen eine dropzone. Auf der anderen Seite, obwohl es mir auch ein "Invalid dropzone element" Fehlermeldung und verursacht Probleme mit meinen anderen

Wie zum ausführen von Dropzone processQueue() wenn er sich nicht gerade programmatisch?

Anzahl der Antworten 2 Antworten
Ich versuche zu initiieren, dropzone, indem die Klasse wie folgt aus : <form class="dropzone ng-pristine ng-valid dz-clickable" id="photoDropzoneDiv" action="/panel/vehicles/3/photos" accept-charset="UTF-8" method="post"> Nun dropzone arbeitet. Als Nächstes setzte ich den dropzone nicht auf automatische Prozess der Warteschlange :

Mehrere Dropzone in einer einzigen Seite

Anzahl der Antworten 1 Antworten
Ich bin mit Dropzone, ohne eine dropzone form. Es funktioniert gut für mich in dieser Art und Weise. Aber in diesem Fall kann ich nicht erstellen einer anderen Instanz von Dropzone in meine Seite. var myDropzone1 =

Wie rufe ich eine Javascript-Funktion, wenn ich auf einen "Submit" - button?

Anzahl der Antworten 5 Antworten
Bin ich versucht zu implementieren Drag und Drop-Datei-upload-Funktionalität in eine Webseite. Ich habe diese javascript-Funktion in einem dropzone.js Datei: Dropzone.prototype.processFile = function(file) { this.filesProcessing.push(file); file.processing = true; this.emit("processingfile", file); return this.uploadFile(file); }; Und ich habe dies in

Dropzone.js - maxFilesize erhöhen funktioniert nicht

Anzahl der Antworten 3 Antworten
Ich bin mit Dropzone.js für meine website. Ich bin in der Notwendigkeit der Upload von größeren Dateien über die Standard - maxFilesize von 500MB. Ich habe versucht, ändern Sie die Zahl in der .js-Datei. Jetzt wird die

So entfernen Sie die vorhandene Datei dropzone?

Anzahl der Antworten 5 Antworten
Habe ich dieses Beispiel: link HTML-CODE: <div class="dropzone dz-clickable" id="myDrop"> <div class="dz-default dz-message" data-dz-message=""> <span>Upload or drag patient photo here</span> </div> </div> CODE JS: Dropzone.autoDiscover = false; var myDropzone = new Dropzone("div#myDrop", { addRemoveLinks: true, url: "#",

Wie erstelle thumbnail für hochgeladene Bilder auf DropZone.js?

Anzahl der Antworten 1 Antworten
Mit unten code ich habe alle hochgeladenen Bilder mit DropZone,aber ich jetzt habe ich ein einfaches problem, es zeigt bereits Original Bilder als thumbnail, aber ich brauche, um zu zeigen, Miniatur mit base64 gleiche wie dropzone gemacht

Dropzone thumbnail-Breite-Bildgröße

Anzahl der Antworten 2 Antworten
Wie ändere ich die thumbnail-Größe der hochgeladenen Bilder? Ich habe versucht thumbnailWidth:"350" in meinem javascript, Jedoch nicht erhöhen Sie die Größe der Miniaturansicht, sondern das thumbnail sieht einfach heran gezoomt werden. Wie gehe ich über die Manipulation

Hochladen mehrerer Dateien mit dem gleichen Datei.Namen mit dropzone.js

Anzahl der Antworten 4 Antworten
Ich bin Implementierung dropzone.js und alles ist perfekt bis ich versuchen, das hochladen mehrerer Dateien mit dem gleichen Namen, sagen wir mal das hochladen von Fotos von einem iOS-Gerät, wo alle den gleichen Namen: image.jpg kann ich

Mit cropper.js vor Dropzone.js Bild senden zum server

Anzahl der Antworten 4 Antworten
Was ich tun will ist hier vor Dropzone.js senden Sie das gefilterte Bild auf den server, erscheint ein modales mit cropper.js (fengyuanchen Skript), so kann der Benutzer das Bild zuschneiden, und als Bild abgeschnitten wird, senden Sie

Senden zusätzlicher parameter mit dropzone.js

Anzahl der Antworten 8 Antworten
Ich bin versucht, hinzuzufügen dropzone.js und ich möchte mich übergeben, weitere parameter mit Datei, also habe ich hidden-input im Formular . Ich kann die Datei hochladen und kann es Lesen im Java-Teil, aber ich kann nicht Lesen

CORS-Probleme mit jQuery Dropzone und hochladen auf Imgur

Anzahl der Antworten 2 Antworten
Ich versuche mit jQuery Dropzone ein Bild hochladen auf Imgur oder jede andere domain aber das funktioniert nicht. Dies ist mein dropzone setup: $("div.dropzone").dropzone success: -> console.log arguments paramName: "image" method: "post" maxFilesize: 2 url: "https://api.imgur.com/3/upload" headers:

dropzone js onclick submit-Datei hochladen

Anzahl der Antworten 5 Antworten
laden Sie alle Dateien mit einer einzigen Taste klicken. HTML: <button id="submit-all">Submit all files</button> <form action="/target" class="dropzone" id="my-dropzone"></form> JS: Dropzone.options.myDropzone = { //Prevents Dropzone from uploading dropped files immediately autoProcessQueue: false, init: function() { var submitButton =

Überprüfen kombinierte normal-form mit dropzone

Anzahl der Antworten 2 Antworten
Wie kann ich überprüfen Eingabefelder (E-Mail, username) bevor Sie senden Sie das Formular mit Datei-upload? es ist möglich integrieren jquery validation plugin in dropzone? <form id="my-awesome-dropzone" class="dropzone"> <div class="dropzone-previews"></div> <!-- Now setup your input fields --> <input

vom Datei-upload zu dropzone

Anzahl der Antworten 1 Antworten
Ich bin mit multi-Datei-upload mit anderen Bereichen in meinem Projekt und ich möchte overhide die grundlegende html-Datei-upload per dropzone, so dass ich nicht wollen, um Dateien zu senden Trog ajax, ich will einfach nur Dateien löschen, dann

DropZone.js Hochladen mehrerer Dateien verwenden ASP.Net MVC

Anzahl der Antworten 2 Antworten
Ich bin mit einem javascript-Bibliothek DropZone.js aber das hochladen mehrerer Dateien ist irgendwie nicht funktioniert mit ASP.Net MVC. Die eine, die funktioniert ist wenn ich die Dropzone option "autoProcessQueue: true" und das MVC-Controller-argument-name "Input-files" sehen Sie die

Wie Sie upload-Fortschritt anzeigen Prozentsatz in dropzone.js

Anzahl der Antworten 2 Antworten
Ich bin mit dropzone.js in magento Dateien hochladen. die progress bar ist in Ordnung, aber ich möchte zeigen den Fortschritt Anteil zu. Folgende Funktion ist das hinzufügen von Stil, um ein span. uploadprogress: function(a, b) { var

Dropzone.js und die entfernen-Taste

Anzahl der Antworten 1 Antworten
Ich amüsant die dropzone.js zum implementieren von Datei-upload-Funktion. Erstelle ich das Formular wie dieses : <form action="/target-url" id="my-dropzone" class="dropzone"></form> <script> //myDropzone is the configuration for the element that has an id attribute //with the value my-dropzone (or

Wie man benutzerdefinierte Vorschau der Vorlage in dropzone js

Anzahl der Antworten 2 Antworten
Ich will wissen wie man benutzerdefinierte Vorschau der Vorlage. Die Dokumentation erklärt nicht alles gut, Und ich suchte nach Tutorials über ich habe nichts gefunden. Update Meine html - <div id="dropzone"> <div id="template-preview"> <img src="assets/images/icons/plus-icon-white.png" alt="" />

Dropzone Schaltfläche "Senden" auf Upload

Anzahl der Antworten 1 Antworten
Möchte ich noch hinzufügen einer Schaltfläche hochladen, um meine dropzone Datei-uploader. es ist derzeit das hochladen der Datei unmittelbar nach Auswahl oder ziehen Sie die Datei in der dropzone-Bereich. Was ich tun möchte ist: 1. Wählen Sie

Benutzerdefiniertes Vorschau-Vorlage für Dropzone JS

Anzahl der Antworten 1 Antworten
Ich ein Formular erstellt mit der dropzone, aber ich ' m haben Sie Probleme mit der Weitergabe der Dateien auf den server. Ich erstellte eine benutzerdefinierte Vorschau-Vorlage, ähnlich der auf der bootstrap-demo, aber wenn ich auf submit

konfigurieren von benutzerdefinierten upload-Bereich in dropzone.js mit mvc4-form

Anzahl der Antworten 1 Antworten
Ich gerade begann, mich in dropzone.js Ist es möglich, irgendwie ändern die previewTemplate Bereich, um zusätzliche Informationen über die Dateien hochgeladen und dann das Formular abschicken, um eine mvc-Methode? Einfachheit halber möchte ich hinzufügen, dass zwei Felder

Dropzone js funktioniert nicht ohne form

Anzahl der Antworten 2 Antworten
Wie kann ich mit dropzone, ohne die Klasse in der form. Ich wollen im Grunde eine div in einem form-und call - class="dropzone" in, div. Aber es scheint nicht zu funktionieren. Hier ist mein code unter: <!DOCTYPE

Wie die Rückkehr der neuen Dateinamen, um Dropzone wenn der upload abgeschlossen ist als versteckte Formular-Eingabe?

Anzahl der Antworten 3 Antworten
Ich bin derzeit mit Dropzone, um Benutzern das hochladen einige Dateien in das system, das ich entwickle und verknüpften die Dropzone zu einem div innerhalb meiner form, Aber sobald der upload abgeschlossen ist, möchte ich den Dateinamen

Dropzone.js "maxFilesize" funktioniert nicht

Anzahl der Antworten 2 Antworten
Versuchen zum hochladen von Dateien, dass sind 3MB und mehr mit Dropzone, aber es funktioniert nicht für mich, obwohl ich angegeben maxFilesize von 500MB. Habe versucht, an andere Antworten, aber Sie funktionierte nicht für mich. Hier ist

dropzone Aktion nachdem alle Dateien hochgeladen werden

Anzahl der Antworten 2 Antworten
Ich bin mit dropzonejs diese Weise: <script type="text/javascript"> jQuery(function($) { try { $(".dropzone").dropzone({ paramName: "file", //The name that will be used to transfer the file maxFilesize: 0.5, //MB uploadMultiple: true, //addRemoveLinks : true, dictDefaultMessage : '<span class="bigger-150

Wie klar dropzone.js dropzone

Anzahl der Antworten 4 Antworten
Bin ich angefangen zu verwenden dropzone.js und haben, laufen Sie in ein kleines problem. Ich bin in der Lage, Dateien hochzuladen. Ich benutze ein modales popup, um die Datei Informationen. Das problem ist, wenn ich wieder die

Dropzone maximale Dateigröße ist überschritten-Ereignis

Anzahl der Antworten 1 Antworten
Ich bin mit dropzone in meinem Formular zum Bild hochladen. Ich möchte zeigen eine Warnmeldung angezeigt wird, entfernen Sie die Datei, die Hinzugefügt wird, wenn der Benutzer eine Datei über das konfigurierte limit. Hier ist meine Konfiguration:

entfernen Sie Vorschauen von dropzone nach Erfolg

Anzahl der Antworten 7 Antworten
Ich will rollback der original-dropzone mit der Botschaft "Dateien hier ablegen" nach dem Erfolg der Veranstaltung der dropzone oder nach dem complete-Ereignis der dropzone. Will ich nicht sehen, die Vorschau nach Erfolg oder abgeschlossen. Dies ist mein

Dropzone Js, finden Sie heraus, wie viele Dateien derzeit in der dropzone

Anzahl der Antworten 2 Antworten
Im mit der dropzone js (http://www.dropzonejs.com/) Dateien hochladen, aber ich muss wissen, wie viele Dateien derzeit in der Dropzone, kann der Benutzer gelöscht haben einige, aber ich muss wissen, wenn es mindestens 1 Datei, bevor ich behaupte,