我试图从我的 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 部分。
任何帮助将不胜感激。
提前谢谢了,
尤安