Проблема с FilePond при добавлении файлов с помощью jQuery. Вопрос ⇐ Jquery
-
Anonymous
Проблема с FilePond при добавлении файлов с помощью jQuery. Вопрос
Не используйте JQ и файл для загрузки файла
У меня возникла проблема с FilePond при попытке добавить файлы в поле ввода с помощью jQuery. Вот мой код:
var inputDesc = document.getElementById("inpImgDesc"); FilePond.create(inputDesc, {allowMultiple: true, labelIdle: 'Kéo & Thả hoặc Нажмите кнопку "Открыть", labelFileProcessing: 'Я хочу сделать это...', labelFileProcessingComplete: 'Xử lý hoàn tất', AcceptedFileTypes: ['im возраст /*'], imagePreviewMaxHeight: 300, imagePreviewMaxWidth: 300, }); И я попробовал несколько способов добавления файлов в FilePond:
Метод 1: var pond = FilePond.find(document.getElementById('inpImgDesc')); $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(photo => { var parts = photo.path.split('/') ; var fileName = parts[parts.length - 1] $.get("http://localhost:8080" + photo.path).then(function(response) { var file = new File([response], fileName) ; pond.addFile(файл); }); }); }); Метод 2: var pond = FilePond.find(document.getElementById('inpImgDesc')); $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(photo => { const file = { source: "C:/Users/PC /Desktop/realestate/src/main/resources/static" + photo.path, options: { type: 'local', // Это локальный путь }, }; pond.addFile(file); }); }) ; Метод 3: $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(photo => { const file = { source: photo .path, options: { type: 'local', // Это локальный путь }, }; pond.addFile(file); }); });
Не используйте JQ и файл для загрузки файла
У меня возникла проблема с FilePond при попытке добавить файлы в поле ввода с помощью jQuery. Вот мой код:
var inputDesc = document.getElementById("inpImgDesc"); FilePond.create(inputDesc, {allowMultiple: true, labelIdle: 'Kéo & Thả hoặc Нажмите кнопку "Открыть", labelFileProcessing: 'Я хочу сделать это...', labelFileProcessingComplete: 'Xử lý hoàn tất', AcceptedFileTypes: ['im возраст /*'], imagePreviewMaxHeight: 300, imagePreviewMaxWidth: 300, }); И я попробовал несколько способов добавления файлов в FilePond:
Метод 1: var pond = FilePond.find(document.getElementById('inpImgDesc')); $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(photo => { var parts = photo.path.split('/') ; var fileName = parts[parts.length - 1] $.get("http://localhost:8080" + photo.path).then(function(response) { var file = new File([response], fileName) ; pond.addFile(файл); }); }); }); Метод 2: var pond = FilePond.find(document.getElementById('inpImgDesc')); $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(photo => { const file = { source: "C:/Users/PC /Desktop/realestate/src/main/resources/static" + photo.path, options: { type: 'local', // Это локальный путь }, }; pond.addFile(file); }); }) ; Метод 3: $.get("http://localhost:8080/photo?realEstateId=" + paramProject).then(function(photos){ photos.forEach(photo => { const file = { source: photo .path, options: { type: 'local', // Это локальный путь }, }; pond.addFile(file); }); });
Мобильная версия