Файл blueimp jquery с requriejs не работает

Привет, я уже пробовал ссылку с github и другие вопросы SO. Ни один из них не решил мою проблему (SO-1 , SO-2, github).

Итак, вот мой фрагмент кода:

require(
            [   'https://blueimp.github.io/JavaScript-Templates/js/tmpl.min.js',
                'https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js',
                'https://blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js',
                'upload/jquery.iframe-transport',
                'upload/jquery.fileupload-ui'
            ],function(){
                console.log("new action called ");
            }               
        );

в папке «загрузить» у меня есть файлы ниже:

  • jquery.fileupload-audio.js
  • jquery.fileupload-image.js
  • jquery.fileupload-process.js
  • jquery.fileupload-ui.js
  • jquery.fileupload-validate.js
  • jquery.fileupload-video.js
  • jquery.fileupload.js
  • jquery.iframe-transport.js
  • загрузить-image.js
  • tmpl.js
  • холст-to-blob.js

После добавления всех вышеперечисленных файлов в моей консоли все еще есть куча ошибок. из них ниже двух на самом деле не имеет смысла.

js/jquery.fileupload-image.js : 23 'загрузить-изображение-exif'

js/jquery.fileupload-image.js : 24 'загрузить-изображение-ios'

Я не могу найти файлы с такими именами в официальном репозитории git. может ли кто-нибудь предложить идею, как заставить ее работать (скрипка будет большой помощью).


javascript jquery requirejs jquery-file-upload blueimp
person Prasad.CH    schedule 25.09.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

CH

Мне удалось заставить работать загрузку файлов blueimp после изучения каждого отдельного файла. Проблема возникает из-за зависимостей require js, поэтому, если вы ищете решение для использования require js для загрузки файла blueimp, вот решение.

  1. Загрузите последнюю версию загрузки файлов blueimp https://github.com/blueimp/jQuery-File-Upload/releases

  2. Удалите все ненужные файлы (все файлы .html, .json, .md, папку сервера, тестовую папку и app.js из папки js). Просто лично мне эти файлы не нужны, вы можете оставить их себе, если хотите. Я просто люблю держать вещи в порядке и чистоте. ^^

    как это

  3. Я вручную схватил load-image-exif.js, load-image-ios.js, load-image-meta.js, load-image, tmpl.min.js и поместил их в папку поставщика, где jquery.ui. виджет.js есть. Итак, я cd, чтобы загрузить папку поставщика файлов, и просто свернуть эти файлы, как показано ниже

    curl -O https://raw.githubusercontent.com/blueimp/JavaScript-Load-Image/master/js/load-image-meta.js

curl -O https://raw.githubusercontent.com/blueimp/JavaScript-Load-Image/master/js/load-image-ios.js

curl -O https://raw.githubusercontent.com/blueimp/JavaScript-Load-Image/master/js/load-image-exif.js

curl -O https://raw.githubusercontent.com/blueimp/JavaScript-Load-Image/master/js/load-image.js

curl -O https://raw.githubusercontent.com/blueimp/JavaScript-Templates/master/js/tmpl.min.js

  4. эти настройки пути в ur требуют конфигурации js

    paths: {
    jquery: '//code.jquery.com/jquery-1.11.0.min',        

    // redefined blueimp fileupload path
    "jquery.fileupload": "/jquery-file-upload/js/jquery.fileupload",
    "jquery.fileupload-ui": "/jquery-file-upload/js/jquery.fileupload-ui",
    "jquery.fileupload-image": "/jquery-file-upload/js/jquery.fileupload-image",
    "jquery.fileupload-audio": "/jquery-file-upload/js/jquery.fileupload-audio",
    "jquery.fileupload-video": "/jquery-file-upload/js/jquery.fileupload-video",
    "jquery.fileupload-validate": "/jquery-file-upload/js/jquery.fileupload-validate",
    "jquery.fileupload-process": "/jquery-file-upload/js/jquery.fileupload-process",
    "jquery.iframe-transport": "/jquery-file-upload/js/jquery.iframe-transport",

    "tmpl": "/jquery-file-upload/js/vendor/tmpl.min",
    "load-image": "/jquery-file-upload/js/vendor/load-image",
    "load-image-ios": "/jquery-file-upload/js/vendor/load-image-ios",
    "load-image-exif": "/jquery-file-upload/js/vendor/load-image-exif",
    "load-image-meta": "/jquery-file-upload/js/vendor/load-image-meta",
    "jquery.ui.widget": "/jquery-file-upload/js/vendor/jquery.ui.widget",
}

  5. в вашем app.js или main.js, что бы вы ни предпочитали, просто требуется либо jquery.fileupload, либо jquery.fileupload-ui. Для меня мне нужно использовать предварительный просмотр изображения, отслеживание прогресса и механизм шаблонов, поэтому мне требуется jquery.fileupload-ui

    define([
  'jquery',
  'jquery.fileupload-ui',
], function($) {
    $('#fileupload').fileupload({
        // work on ur magic here
    });
});
person Jimubao    schedule 31.10.2014
comment
Кажется, мне нужна твоя помощь. Посмотрите на это: stackoverflow.com/questions/45650465/ - person Success Man; 12.08.2017