Kontrolle Bildbreite und-Höhe, wenn upload image

Können Sie einfach schreiben einen filter für plupload.

Hier ist filter für min benötigte Breite.
Hinzufügen Balg-code in Ihr Skript. (Einfach kopieren)

plupload.addFileFilter('min_width', function(maxwidth, file, cb) {
    var self = this, img = new o.Image();

    function finalize(result) {
        //cleanup
        img.destroy();
        img = null;

       //if rule has been violated in one way or another, trigger an error
        if (!result) {
            self.trigger('Error', {
                code : plupload.IMAGE_DIMENSIONS_ERROR,
                message : "Image width should be more than " + maxwidth  + " pixels.",
                file : file
            });
     }
        cb(result);
    }
    img.onload = function() {
        //check if resolution cap is not exceeded
        finalize(img.width >= maxwidth);
    };
    img.onerror = function() {
        finalize(false);
    };
    img.load(file.getSource());
});

Und fügen Sie diese filter zu Ihrem upload-Skript.

filters : {
            min_width: 700,
        },

Wollte ich mir kürzlich die gleiche Sache zu tun, und war in der Lage, es zu erreichen der Weg Thom meinte. Er war richtig auf seine Einschränkung allerdings, wenn Sie möchten, fügen Sie diese, funktioniert nur in modernen Browsern und nicht in der flash-oder silverlight-Laufzeiten. Dies ist nicht ein riesiges Problem, als meine nicht-html5-Nutzer nur eine Fehlermeldung erhalten nach hochladen, anstatt vor.

Ich initialisiert eine total image count-variable zu verfolgen, die Bilder auf der Seite platziert. Auch eine vairable zum speichern von Fotos, die wir löschen möchten, nachdem wir Sie alle gelesen.

var total_image_count = 0;
var files_to_remove = [];

Dann lese ich die ausstehenden Dateien mit der FileReader(), Stelle Sie auf die Seite, und Ihre Breite

init:{
        FilesAdded: function(up, files) {
           if (uploader.runtime == "html5"){
              files = jQuery("#"+uploader.id+"_html5")[0].files
              console.log(files);
              for (i in files){

                 //create image tag for the file we are uploading
                 jQuery("<img />").attr("id","image-"+total_image_count).appendTo("#upload-container");

                 reader_arr[total_image_count] = new FileReader();

                 //create listener to place the data in the newly created 
                 //image tag when FileReader fully loads image.
                 reader_arr[total_image_count].onload = function(total_image_count) {
                    return function(e){
                       var img = $("#image-"+total_image_count);
                       img.attr('src', e.target.result);
                       if ($(img)[0].naturalWidth < 1000){

                          files_to_remove.push(files[i]); //remove them after we finish reading in all the files
                          //This is where you would append an error to the DOM if you wanted.
                          console.log("Error. File must be at least 1000px");
                       }
                    }
                 }(total_image_count);

                 reader_arr[total_image_count].readAsDataURL(files[i]);

                 total_image_count++;
              }
              for (i in files_to_remove){
                 uploader.removeFile(files_to_remove[i]);
              }
           }
        }
     }

Als seitliche Anmerkung, ich war zu wollen, zeigen die thumbnails sowieso, so dass diese Methode funktioniert großartig für mich. Ich habe nicht herausgefunden, wie man ein Bild in die Breite, ohne zuerst anfügen an den DOM.

Quellen:

Miniaturansicht des Bildes vor dem upload:
https://stackoverflow.com/a/4459419/686440

Zugriff auf Bild-die Natürliche Breite:
https://stackoverflow.com/a/1093414/686440