Я не буду подробно объяснить об API файла здесь. Друзья, давайте позаботимся о себе. Когда мы приедем, мы должны использовать дескриптор файла для чтения содержимого файла. Это достигается через FileReader. Через интерфейс FileReader мы можем загрузить содержимое файла асинхронно в память и назначить определенную переменную JS.
Кода -копия выглядит следующим образом:
Функция Getimgsrc (Target, обратный вызов) {
if (window.filereader) {
var opreviewimg = null, ofreader = new window.filereader ();
ofreader.onload = function (ofrent) {
opreViewimg = new Image ();
var type = target.files [0] .type.split ("/") [1];
var src = ofuvent.target.result;
opreviewimg.src = src;
if (typeOf обратный вызов == "function") {
обратный вызов (OpreViewimg, Target, Type, SRC);
}
вернуть opreviewimg.src;
};
return (function () {
var afiles = target.files;
if (afiles.length === 0) {
возвращаться;
}
if (! isimgtype (afiles [0] .type)) {
Alert («Вы должны выбрать действительный файл изображения!»);
возвращаться;
}
if (afiles [0] .size> 1024 * 1024) {
target.value = "";
Alert ('Пожалуйста, загрузите размер файла изображения менее 1 млн.);
возвращаться;
}
ofreader.readasdataurl (afiles [0]);
}) ();
}
if (navigator.appname === "Microsoft Internet Explorer") {
return (function () {
document.getElementById ("ImagePreview"). Filters.Item ("dximageTransform.microsoft.alphaimageLoader"). src = target.value;
}) ();
}
}
Выше приведено код ключа для загрузки изображений с JavaScript в сочетании с FileReader. Вам это нравится?