В настоящее время мой javascript фрагмент для обработки начальных файлов изображений показан ниже. Может ли кто-нибудь помочь изменить его так, чтобы он указывал на определенный путь (он же папка с изображениями), чтобы он автоматически загружал изображения без запроса пользователей? Большое спасибо, я застрял на этом так долго.
Этот код взят из репозитория Github imglab . Речь идет о слайдере изображений / области загрузки внизу, как вы можете видеть на скриншотах и демонстрациях. Что я хочу, так это то, что при заданном пути интерфейс автоматически загружает и отображает все изображения по пути внизу со слайдом. Может ли кто-нибудь помочь с этим? Я думал, что это была простая задача, просто изменив некоторые части для readFile (), но, возможно, нет ...
var tag = this;
tag.readImageFiles = readImageFiles;
tag.readImageFile = readImageFile;
......
tag.loadIntoWorkArea = loadIntoWorkArea;
this.on('mount', function () {
$("#leftpaddle").click(function (e) {
tag.slideleft(e);
})
$("#rightpaddle").click(function (e) {
tag.slideright(e);
})
this.on('updated', () => {
//$("#thumbnail_0").click(); as this triggers before images are uploaded it cuase
issue. Load it with an interval
})
function readImageFiles(e) {
var input = e.srcElement || e.target;
if (input.files && input.files[0]) {
for (i = 0; i < input.files.length; i++) {
this.readImageFile(input.files[i]);
}
}
}
tag.thumbnails = [];
tag.currentIndex = 0;
this.thumbnailWidth = this.opts.thumbnail_width || "80px";
Я думаю, изменить этот блок ?? Может ли кто-нибудь любезно показать мне, как?
function readImageFile(f) {
if (f.type.startsWith("image")) {
var reader = new FileReader();
reader.onload = e => {
var imgData = {
name: f.name,
src: e.target.result
};
updateDimentions(e.target.result, imgData);
tag.thumbnails.push(imgData);
this.trigger("uploadimages");
}
reader.onloadend = e => {
this.update();
}
reader.readAsDataURL(f);
}
}
function updateDimentions(imgFileSrc, imageDataObject) {
var img = new Image();
img.onload = function () {
imageDataObject.size = {
width: this.width,
height: this.height,
scaledWidth: this.width,
scaledHeight: this.height,
imageScale: 1
}
addImgToStore(imageDataObject.name, imageDataObject.size);
}
img.src = imgFileSrc;
}