При загрузке изображений я нашел очень полезный элемент управления, который поддерживает загрузку нескольких изображений одновременно. Вы можете нажать, чтобы выбрать изображение, или перетащить изображение в поле для загрузки и загрузить его напрямую. Это удобно и просто в использовании. и интерфейс прост. Вы можете использовать его напрямую в проекте.
Давайте сначала посмотрим на его стиль:
После выбора изображения:
$(function(){ // Инициализируем плагин $(#demo).zyUpload({ width : 650px, // ширина height : 400px, // ширина itemWidth : 120px, // ширина элемента файла itemHeight : 100px, / /file Высота элемента URL: /upload/UploadAction, // Путь к загруженному файлу Multiple: true, // Можно ли загрузить несколько файлов dragDrop: true, // Можно ли перетащить и загрузить файл del : true, // Можно ли удалить файл FinishDel : false, // Удаляется ли предварительный просмотр после завершения загрузки файла /* Полученный извне интерфейс обратного вызова */ onSelect : function(files, allFiles ){ //Метод обратного вызова для выбора файлов console.info(Следующие файлы выбраны:); console.info(files); console.info(Файлы, которые не были загружены ранее:); все файлы }, onDelete: function(file, surplusFiles){ // Метод обратного вызова для удаления файла console.info (в данный момент удаленный файл:); console.info (в данный момент оставшиеся файлы:); ; }, onSuccess: function(file){ // Метод обратного вызова для успешной загрузки файла console.info(Этот файл успешно загружен:); console.info(file }, onFailure: function(file){ // Метод обратного вызова для ошибки загрузки файла console.info(Загрузка этого файла не удалась:); console.info(file }, onComplete: function(responseInfo){ // Метод обратного вызова для завершения загрузки console.info(Загрузка файла завершена) ; консоль .info(responseInfo); } });Измените конфигурацию непосредственно в demo.js, URL: /upload/UploadAction и поместите действие загрузки изображения. Этот элемент управления предназначен только для основной обработки, вам придется написать фоновую загрузку самостоятельно.
Выше приведено все содержание этой статьи. Я надеюсь, что она будет полезна для изучения всеми. Я также надеюсь, что все поддержат сеть VeVb Wulin.