Проблема с FilePond при добавлении файлов с помощью jQuery ⇐ Jquery
-
Anonymous
Проблема с FilePond при добавлении файлов с помощью jQuery
Не используйте JQ и файл загрузки файлов
У меня возникла проблема с FilePond при попытке добавить файлы в поле ввода с помощью jQuery. Вот мой код:
var inputDesc = document.getElementById("inpImgDesc"); FilePond.create(inputDesc, { allowMultiple: правда, labelIdle: 'Kéo & Thả thặc Click để chọn tệp', labelFileProcessing: 'Đang xử lý tệp...', labelFileProcessingComplete: 'Xử lý hoàn tất', AcceptFileTypes: ['image/*'], изображениеPreviewMaxHeight: 300, imagePreviewMaxWidth: 300, }); И я попробовал несколько способов добавления файлов в FilePond:
Метод 1: var pond = FilePond.find(document.getElementById('inpImgDesc')); $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(фото => { var parts = photo.path.split('/'); var fileName = parts[parts.length - 1] $.get("http://localhost:8080" + photo.path).then(function(response) { вар файл = новый файл ([ответ], имя_файла); пруд.addFile(файл); }); }); }); Метод 2: var pond = FilePond.find(document.getElementById('inpImgDesc')); $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(фото => { константный файл = { источник: "C:/Users/PC/Desktop/realestate/src/main/resources/static" + photo.path, параметры: { type: 'local', // Это локальный путь }, }; пруд.addFile(файл); }); }); Способ 3: Скопировать код $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(фото => { константный файл = { источник: фото.путь, параметры: { type: 'local', // Это локальный путь }, }; пруд.addFile(файл); }); }); Это результат $.get("http://localhost:8080/photo?realEstateId=" + paramProject) [ { "id": 9, "path": "/images/Project/125/imgDesc/property-14.jpg" }, { "id": 10, "path": "/images/Project/ 125/imgDesc/property-17.jpg" }, { "id": 11, "path": "/images/Project/125/imgDesc/property-42.jpg" }, { "id": 12, "path ": "/images/Project/125/imgDesc/property-44.jpg" }, { "id": 13, "path": "/images/Project/125/imgDesc/property-46.jpg" } ]< /код> Я попробовал проверить правильность src=> src введите сюда описание изображения
Не используйте JQ и файл загрузки файлов
У меня возникла проблема с FilePond при попытке добавить файлы в поле ввода с помощью jQuery. Вот мой код:
var inputDesc = document.getElementById("inpImgDesc"); FilePond.create(inputDesc, { allowMultiple: правда, labelIdle: 'Kéo & Thả thặc Click để chọn tệp', labelFileProcessing: 'Đang xử lý tệp...', labelFileProcessingComplete: 'Xử lý hoàn tất', AcceptFileTypes: ['image/*'], изображениеPreviewMaxHeight: 300, imagePreviewMaxWidth: 300, }); И я попробовал несколько способов добавления файлов в FilePond:
Метод 1: var pond = FilePond.find(document.getElementById('inpImgDesc')); $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(фото => { var parts = photo.path.split('/'); var fileName = parts[parts.length - 1] $.get("http://localhost:8080" + photo.path).then(function(response) { вар файл = новый файл ([ответ], имя_файла); пруд.addFile(файл); }); }); }); Метод 2: var pond = FilePond.find(document.getElementById('inpImgDesc')); $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(фото => { константный файл = { источник: "C:/Users/PC/Desktop/realestate/src/main/resources/static" + photo.path, параметры: { type: 'local', // Это локальный путь }, }; пруд.addFile(файл); }); }); Способ 3: Скопировать код $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(фото => { константный файл = { источник: фото.путь, параметры: { type: 'local', // Это локальный путь }, }; пруд.addFile(файл); }); }); Это результат $.get("http://localhost:8080/photo?realEstateId=" + paramProject) [ { "id": 9, "path": "/images/Project/125/imgDesc/property-14.jpg" }, { "id": 10, "path": "/images/Project/ 125/imgDesc/property-17.jpg" }, { "id": 11, "path": "/images/Project/125/imgDesc/property-42.jpg" }, { "id": 12, "path ": "/images/Project/125/imgDesc/property-44.jpg" }, { "id": 13, "path": "/images/Project/125/imgDesc/property-46.jpg" } ]< /код> Я попробовал проверить правильность src=> src введите сюда описание изображения
Мобильная версия