我正在尝试从Backbone视图中的函数中调用loadImage库的loadImage.parseMetaData方法,但它表示该方法未定义。第三方插件是这个:
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',
....
在我看来,我正在这样创建它,以便可以访问第三方插件:
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部分。
任何帮助将不胜感激。
提前谢谢了,
uan
最佳答案
Javascript区分大小写。尝试使用loadimage.parseMetaData()而不是loadImage.parseMetaData(),以使其与函数签名中的loadimage参数的大小写匹配。