Bilder werden nach der Einstellung von SRC-Wert abgeschnitten (iOS)

Question

Ich stieß auf eine seltsame Einschränkung von iOS/Safari/Chrome. Der Benutzer kann ein Bild auswählen und der Dateiinhalt wird in ein Eingabeelement eingefügt.

Die Länge der beiden sind ungleich. Ist das eine iOS-Einschränkung?

L.users.importConfigurations = function(options) { 
    var target = null; 

    this._getInputFileElement = function() { 
    var that = this; 
    fileInput = $('<input type="file" accept="image/*" style="display:none;" capture="camera" />'); 
    fileInput.change(function() { 
     that._handleFiles(fileInput); 
    }); 
    return fileInput; 
    }; 

    this.showFileSelectionDialog = function() { 
    var fileInput = this._getInputFileElement(); 
    fileInput.click(); 
    }; 

    this._handleFiles = function(fileInput) { 
    var files = fileInput[0].files; 
    if (files && files.length) this._readFile(files[0]); 
    }; 

    this._readFile = function(fileInfo) { 
    var that = this; 
    var reader = new FileReader(); 
    reader.onload = function(e) { 
     that._uploadFile(e.target.result); 
    }; 
    reader.readAsDataURL(fileInfo); 
    }; 

    this._uploadFile = function(fileData) { 
    var fbValue = $(options.target).closest('.fileboxframe').find(".fileboxvalue"); 
    if (fbValue && fbValue.length > 0) { 
     alert("Length before: " + fileData.length.toString()); 
     fbValue.attr('src', fileData); 
     alert("Length after (Should be same): " + fileData.length.toString()); 
     alert("Length after (Should be same): " + fbValue.attr("src").length.toString()); 
    } 
    }; 

    this.showFileSelectionDialog(); 
}; 

https://jsfiddle.net/ChristophWeigert/81qu41L5/ 

Answer 1

fand ich eine Antwort in diesem Thema:

Why is the default max length for an input 524288?

Lösung eine textare und kein Textbox zu verwenden war.