[MOD] V1.0 Multiupload für user, multiple upload, imageresizer

[Wuebbide]

Danke dir - aber genau das habe ich schon gemacht
ist ein bisschen besser geworden, aber immer noch unscharf

[nobby]

Ok, dann läuft bei dir was anderes nicht richtig 

Schon mal ImagigMagick probiert?

[Scarala]

Ich weiß das ist alles schon ganz schön lange her, aber ich bin gerade dabei meine Webseite wieder Aufzuarbeiten,
nachdem ich lange probleme hatte und keine Zeit diese zu Fixen.
Eines davon ist, das ich beim Laden des Multiupload-Form in der Browserkonsole den Error

Code: [Select]

SWFUpload is not defined
    at window.onload (bekomme. Die SWF-Datei liegt im richtigen Pfad, hat ja auch alles mal funktioniert.
Ich weiß auch, das die meißten Browser heutzutage kein Flash mehr out of the Box unterstützen, aber selbst
mit entsprechendem Plugin z.B. im Chrome funktioniert das nicht.

Hat da jemand ne Idee?

[Sunny C.]

Ich glaube du wirst dabei nicht drumherumkommen, auf das Flash zu verzichten.

Das hier ist out-of-the-box und habe es nicht testen können.
Hier ist ein Beispiel für eine mögliche Implementierung mit der HTML5 File API und XMLHttpRequest.
Ich habe es selbst nicht testen können, vielleicht bekommst du es ja zum laufen:

Code: [Select]

<input type="file" id="fileInput" multiple>
<button id="uploadButton">Durchsuchen &amp; Hochladen</button>
<div id="progressContainer"></div>

<script>
  document.getElementById('uploadButton').addEventListener('click', function() {
    var files = document.getElementById('fileInput').files;
    var formData = new FormData();
   
    for (var i = 0; i < files.length; i++) {
      formData.append('file[]', files[i]);
    }
   
    formData.append('PHPSESSID', '<?php echo session_id(); ?>');
    formData.append('user_id', '{user_id_upload_multi}');
    formData.append('max_thumb_height', '{max_thumb2_height}');
    formData.append('max_thumb_width', '{max_thumb2_width}');
    formData.append('auto_thumbnail_quality', '{auto_thumbnail2_quality}');
    formData.append('thumbnail_proportions', '{thumbnail_proportions}');
    formData.append('direct_upload', '{direct_upload}');
    formData.append('cat_id', '<?php echo $cat_id; ?>');
   
    var xhr = new XMLHttpRequest();
   
    xhr.open('POST', 'multiupload_2.php', true);
   
    xhr.upload.onprogress = function(e) {
      if (e.lengthComputable) {
        var percent = (e.loaded / e.total) * 100;
        document.getElementById('progressContainer').innerHTML = percent + '% hochgeladen';
      }
    };
   
    xhr.onload = function() {
      if (xhr.status === 200) {
        // Upload erfolgreich
        alert('Upload abgeschlossen');
      } else {
        // Upload fehlgeschlagen
        alert('Fehler beim Hochladen');
      }
    };
   
    xhr.send(formData);
  });
</script>