0

バックボーン ビューの関数内から loadImage ライブラリの loadImage.parseMetaData メソッドを呼び出そうとしていますが、メソッドが未定義であると表示されます。サードパーティのプラグインは次のとおりです。

http://blueimp.github.io/JavaScript-Load-Image/

次のように、プラグインを main.js ファイルに取り込むために requirejs を使用しています。

require.config({
paths: {
    jquery: 'vendor/jquery/jquery',
    loadimage: 'vendor/loadimage/load-image',
    loadimageorientation: 'vendor/loadimage/load-image-orientation',
    loadimageios: 'vendor/loadimage/load-image-ios',
    loadimageexif: 'vendor/loadimage/load-image-exif',
    loadimageexifmap: 'vendor/loadimage/load-image-exif-map',
    loadimagemeta: 'vendor/loadimage/load-image-meta',

....

私の見解では、サードパーティのプラグインにアクセスできるように、次のように作成しています。

define([
'jquery',
'underscore',
'backbone',
'channel',
'views/views.base',
'models/model.image','jcrop', 'loadimage', 'loadimageorientation', 'loadimageios', 'loadimageexif', 'loadimageexifmap', 'loadimagemeta'
], function($, _, Backbone, Channel, BaseView, ImageModel, jcrop, loadimage, loadimageorientation, loadimageios, loadimageexif, loadimageexifmap, loadimagemeta){
    /**
    *
    * @class AddView
    * @constructor
    * @extends BaseView
    */

    var AddView = BaseView.extend({

...

私の画像アップロード関数で、サードパーティのメソッド「loadImage」を呼び出そうとしていますが、loadImage が未定義と表示されます。明らかに、ここでグローバルなサードパーティ メソッドを呼び出すには、スコープが間違っています。私はそれをどのように行うべきか疑問に思っています:

imageSelected: function(e){
            e = e.originalEvent;
            var target = e.dataTransfer || e.target,
                that = this,
                file = target && target.files && target.files[0],
                options = {
                    maxWidth: 670,
                    canvas: true,
                    contain: true
                };
            if (!file) {
                return;
            }

            loadImage.parseMetaData(file, function (data) {
                if (data.exif) {
                    that.exifData=data.exif;
                }
                that.displayImage(file, options);
            });
        },

私はやってみました：

$(this.el).loadImage.parseMetaData(file, function (data) {

しかし、loadImage メソッドの parseMetaData 部分が見つかりません。

どんな助けでも大歓迎です。

よろしくお願いします。

ユアン

4

1 に答える 1

2

Javascript は大文字と小文字を区別します。関数シグネチャの loadimage パラメータの大文字と小文字が一致するように、 loadImage.parseMetaData() の代わりに loadimage.parseMetaData() を試してください。

于 2013-10-03T18:49:14.487 に答える