1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
|
//>>built
define("dojox/editor/plugins/UploadImage", [
"dojo",
"dijit",
"dojox",
"dijit/_editor/_Plugin",
"dojo/_base/connect",
"dojo/_base/declare",
"dojox/form/FileUploader",
"dijit/_editor/_Plugin"
], function(dojo, dijit, dojox) {
dojo.experimental("dojox.editor.plugins.UploadImage");
dojo.declare("dojox.editor.plugins.UploadImage",
dijit._editor._Plugin,
{
//summary:
// Adds an icon to the Editor toolbar that when clicked, opens a system dialog
// Although the toolbar icon is a tiny "image" the uploader could be used for
// any file type
tempImageUrl: "",
iconClassPrefix: "editorIcon",
useDefaultCommand: false,
uploadUrl: "",
button:null,
label:"Upload",
setToolbar: function(toolbar){
this.button.destroy();
this.createFileInput();
toolbar.addChild(this.button);
},
_initButton: function(){
this.command = "uploadImage";
this.editor.commands[this.command] = "Upload Image";
this.inherited("_initButton", arguments);
delete this.command;
},
updateState: function(){
// summary:
// Over-ride for button state control for disabled to work.
this.button.set("disabled", this.get("disabled"));
},
createFileInput: function(){
var node = dojo.create('span', {innerHTML:"."}, document.body)
dojo.style(node, {
width:"40px",
height:"20px",
paddingLeft:"8px",
paddingRight:"8px"
})
this.button = new dojox.form.FileUploader({
isDebug:true,
//force:"html",
uploadUrl:this.uploadUrl,
uploadOnChange:true,
selectMultipleFiles:false,
baseClass:"dojoxEditorUploadNorm",
hoverClass:"dojoxEditorUploadHover",
activeClass:"dojoxEditorUploadActive",
disabledClass:"dojoxEditorUploadDisabled"
}, node);
this.connect(this.button, "onChange", "insertTempImage");
this.connect(this.button, "onComplete", "onComplete");
},
onComplete: function(data,ioArgs,widgetRef){
data = data[0];
// Image is ready to insert
var tmpImgNode = dojo.withGlobal(this.editor.window, "byId", dojo, [this.currentImageId]);
var file;
// download path is mainly used so we can access a PHP script
// not relative to this file. The server *should* return a qualified path.
if(this.downloadPath){
file = this.downloadPath+data.name
}else{
file = data.file;
}
tmpImgNode.src = file;
dojo.attr(tmpImgNode,'_djrealurl',file);
if(data.width){
tmpImgNode.width = data.width;
tmpImgNode.height = data.height;
}
},
insertTempImage: function(){
// inserting a "busy" image to show something is hapening
// during upload and download of the image.
this.currentImageId = "img_"+(new Date().getTime());
var iTxt = '<img id="'+this.currentImageId+'" src="'+this.tempImageUrl+'" width="32" height="32"/>';
this.editor.execCommand('inserthtml', iTxt);
}
}
);
dojo.subscribe(dijit._scopeName + ".Editor.getPlugin",null,function(o){
if(o.plugin){ return; }
switch(o.args.name){
case "uploadImage":
o.plugin = new dojox.editor.plugins.UploadImage({url: o.args.url});
}
});
return dojox.editor.plugins.UploadImage;
});
|
