0

我试图从我的 Backbone 视图中的一个函数中调用 loadImage 库的 loadImage.parseMetaData 方法,但它说该方法是未定义的。第 3 方插件是这个:

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

我正在使用 requirejs 将插件带入我的 main.js 文件,如下所示:

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',

……

在我看来,我正在这样创建它,以便我可以访问 3rd 方插件:

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({

...

在我的图像上传功能中,我试图调用第 3 方方法“loadImage”,但它显示 loadImage 未定义。显然,这里调用全局第 3 方方法的范围是错误的。我想知道我应该怎么做:

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.parseMetaData() 而不是 loadImage.parseMetaData() ,以便它与函数签名中的 loadimage 参数的大小写匹配。

于 2013-10-03T18:49:14.487 回答