204 lines
10 KiB
HTML
204 lines
10 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||
"http://www.w3.org/TR/html4/loose.dtd">
|
||
<html>
|
||
<head>
|
||
<title></title>
|
||
<meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
|
||
<script type="text/javascript" src="../internal.js"></script>
|
||
<link rel="stylesheet" href="image.css" type="text/css" />
|
||
</head>
|
||
<body>
|
||
<div class="wrapper">
|
||
<div id="imageTab">
|
||
<div id="tabHeads" class="tabhead">
|
||
<span tabSrc="remote" class="focus"><var id="lang_tab_remote"></var></span>
|
||
<span tabSrc="local"><var id="lang_tab_local"></var></span>
|
||
<span tabSrc="imgManager"><var id="lang_tab_imgManager"></var></span>
|
||
<span tabSrc="imgSearch"><var id="lang_tab_imgSearch"></var></span>
|
||
</div>
|
||
<div id="tabBodys" class="tabbody">
|
||
<div id="remote" class="panel">
|
||
<table cellpadding="0" cellspacing="0">
|
||
<tr>
|
||
<td class="label"><label for="url"><var id="lang_input_url"></var></label></td>
|
||
<td><input id="url" type="text"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><label for="width"><var id="lang_input_width"></var></label></td>
|
||
<td><input type="text" id="width"/> px</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><label for="height"><var id="lang_input_height"></var></label></td>
|
||
<td><input type="text" id="height"/> px</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><label for="border"><var id="lang_input_border"></var></label></td>
|
||
<td><input type="text" id="border"/> px</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><label for="vhSpace"><var id="lang_input_vhspace"></var></label></td>
|
||
<td><input type="text" id="vhSpace"/> px</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><label for="title"><var id="lang_input_title"></var></label></td>
|
||
<td><input type="text" id="title"/></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="label"><var id="lang_input_remoteAlign"></var></td>
|
||
<td id="remoteFloat"></td>
|
||
</tr>
|
||
</table>
|
||
|
||
<div id="preview"></div>
|
||
<div class="lock"><input id="lock" type="checkbox" checked="checked"></div>
|
||
</div>
|
||
<div id="local" class="panel">
|
||
<div id="flashContainer"></div>
|
||
<div><div id="upload" style="display: none" ></div><div id="duiqi"></div><div id="localFloat"></div></div>
|
||
|
||
<div class="saveDir">
|
||
<var id="lang_savePath" ></var><EFBFBD><EFBFBD><select id="savePath">
|
||
<option value="1">upload</option>
|
||
<option value="2">upload1</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div id="imgManager" class="panel">
|
||
<div id="imageList"><var id="lang_imgLoading"></var></div>
|
||
</div>
|
||
<div id="imgSearch" class="panel">
|
||
<table style="margin-top: 5px;">
|
||
<tr>
|
||
<td width="200"><input id="imgSearchTxt" type="text" /></td>
|
||
<td width="65">
|
||
<select id="imgType">
|
||
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD>ɹ<EFBFBD><EFBFBD>ʻ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>̬<EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
|
||
<option value="&s=4&z=0"></option>
|
||
<option value="&s=1&z=19"></option>
|
||
<option value="&s=2&z=0"></option>
|
||
<option value="&s=3&z=0"></option>
|
||
</select>
|
||
</td>
|
||
<td width="80"><input id="imgSearchBtn" type="button" /></td>
|
||
<td width="80"><input id="imgSearchReset" type="button" /></td>
|
||
</tr>
|
||
</table>
|
||
<div id="searchList"></div>
|
||
</div>
|
||
<iframe id="maskIframe" src="about:blank" scrolling="no" frameborder="no"></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript" src="../tangram.js"></script>
|
||
<script type="text/javascript" src="image.js"></script>
|
||
|
||
<script type="text/javascript">
|
||
//ȫ<>ֱ<EFBFBD><D6B1><EFBFBD>
|
||
var imageUrls = [], //<2F><><EFBFBD>ڱ<EFBFBD><DAB1><EFBFBD><EFBFBD>ӷ<EFBFBD><D3B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ص<EFBFBD>ͼƬ<CDBC><C6AC>Ϣ<EFBFBD><CFA2><EFBFBD><EFBFBD>
|
||
selectedImageCount = 0; //<2F><>ǰ<EFBFBD><C7B0>ѡ<EFBFBD><D1A1><EFBFBD>ĵ<EFBFBD>δ<EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD>ͼƬ<CDBC><C6AC><EFBFBD><EFBFBD>
|
||
|
||
editor.setOpt({
|
||
imageFieldName:"upfile",
|
||
compressSide:0,
|
||
maxImageSideLength:900
|
||
});
|
||
utils.domReady(function(){
|
||
var flashOptions = {
|
||
container:"flashContainer", //flash<73><68><EFBFBD><EFBFBD>id
|
||
url:editor.options.imageUrl, // <20>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD><EFBFBD>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD>url<72><6C>ַ
|
||
ext:'{"param1":"value1", "param2":"value2"}', //<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ύ<EFBFBD><E1BDBB><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD>
|
||
fileType:'{"description":"'+lang.fileType+'", "extension":"*.gif;*.jpeg;*.png;*.jpg"}', //<2F>ϴ<EFBFBD><CFB4>ļ<EFBFBD><C4BC><EFBFBD>ʽ<EFBFBD><CABD><EFBFBD><EFBFBD>
|
||
flashUrl:'imageUploader.swf', //<2F>ϴ<EFBFBD><CFB4>õ<EFBFBD>flash<73><68><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ַ
|
||
width:608, //flash<73>Ŀ<EFBFBD><C4BF><EFBFBD>
|
||
height:272, //flash<73>ĸ߶<C4B8>
|
||
gridWidth:121, // ÿһ<C3BF><D2BB>Ԥ<EFBFBD><D4A4>ͼƬ<CDBC><C6AC>ռ<EFBFBD>Ŀ<EFBFBD><C4BF><EFBFBD>
|
||
gridHeight:120, // ÿһ<C3BF><D2BB>Ԥ<EFBFBD><D4A4>ͼƬ<CDBC><C6AC>ռ<EFBFBD>ĸ߶<C4B8>
|
||
picWidth:100, // <20><><EFBFBD><EFBFBD>Ԥ<EFBFBD><D4A4>ͼƬ<CDBC>Ŀ<EFBFBD><C4BF><EFBFBD>
|
||
picHeight:100, // <20><><EFBFBD><EFBFBD>Ԥ<EFBFBD><D4A4>ͼƬ<CDBC>ĸ߶<C4B8>
|
||
uploadDataFieldName:editor.options.imageFieldName, // POST<53><54><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼƬ<CDBC><C6AC><EFBFBD>ݵ<EFBFBD>key
|
||
picDescFieldName:'pictitle', // POST<53><54><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼƬ<CDBC><C6AC><EFBFBD><EFBFBD><EFBFBD><EFBFBD>key
|
||
maxSize:4, // <20>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>,<2C><>λM
|
||
compressSize:2, // <20>ϴ<EFBFBD>ǰ<EFBFBD><C7B0><EFBFBD><EFBFBD>ͼƬ<CDBC><C6AC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><D6B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѹ<EFBFBD><D1B9>,<2C><>λM
|
||
maxNum:32, // <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD>ٸ<EFBFBD><D9B8>ļ<EFBFBD>
|
||
compressSide:editor.options.compressSide, //<2F>ȱ<EFBFBD>ѹ<EFBFBD><D1B9><EFBFBD>Ļ<EFBFBD><EFBFBD><D7BC>0Ϊ<30><CEAA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ߣ<EFBFBD>1Ϊ<31><CEAA><EFBFBD>տ<EFBFBD><D5BF>ȣ<EFBFBD>2Ϊ<32><CEAA><EFBFBD>ո߶<D5B8>
|
||
compressLength:editor.options.maxImageSideLength //<2F>ܽ<EFBFBD><DCBD>ܵ<EFBFBD><DCB5><EFBFBD><EFBFBD><EFBFBD><EFBFBD>߳<EFBFBD><DFB3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֵFlash<73><68><EFBFBD>Զ<EFBFBD><D4B6>ȱ<EFBFBD>ѹ<EFBFBD><D1B9>
|
||
};
|
||
//<2F>ص<EFBFBD><D8B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϣ<EFBFBD>֧<EFBFBD>ִ<EFBFBD><D6B4>ݺ<EFBFBD><DDBA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ַ<EFBFBD><D6B7><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Լ<EFBFBD><D4BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||
var callbacks = {
|
||
// ѡ<><D1A1><EFBFBD>ļ<EFBFBD><C4BC>Ļص<C4BB>
|
||
selectFileCallback: function(selectFiles){
|
||
utils.each(selectFiles,function(file){
|
||
var tmp = {};
|
||
tmp.id = file.index;
|
||
tmp.data = {};
|
||
postConfig.push(tmp);
|
||
});
|
||
selectedImageCount += selectFiles.length;
|
||
if(selectedImageCount) baidu.g("upload").style.display = "";
|
||
dialog.buttons[0].setDisabled(true); //<2F><>ʼ<EFBFBD><CABC>ʱ<EFBFBD>û<EFBFBD>ȷ<EFBFBD><C8B7><EFBFBD><EFBFBD>ť
|
||
},
|
||
// ɾ<><C9BE><EFBFBD>ļ<EFBFBD><C4BC>Ļص<C4BB>
|
||
deleteFileCallback: function(delFiles){
|
||
for(var i = 0,len = delFiles.length;i<len;i++){
|
||
var index = delFiles[i].index;
|
||
postConfig.splice(index,1);
|
||
}
|
||
selectedImageCount -= delFiles.length;
|
||
if (!selectedImageCount) {
|
||
baidu.g("upload").style.display = "none";
|
||
dialog.buttons[0].setDisabled(false); //û<><C3BB>ѡ<EFBFBD><D1A1>ͼƬʱ<C6AC><CAB1><EFBFBD>µ<EFBFBD><C2B5><EFBFBD><EFBFBD><EFBFBD>ť
|
||
}
|
||
},
|
||
|
||
// <20><><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD>ɵĻص<C4BB>
|
||
uploadCompleteCallback: function(data){
|
||
try{
|
||
var info = eval("(" + data.info + ")");
|
||
info && imageUrls.push(info);
|
||
selectedImageCount--;
|
||
}catch(e){}
|
||
|
||
},
|
||
// <20><><EFBFBD><EFBFBD><EFBFBD>ļ<EFBFBD><C4BC>ϴ<EFBFBD>ʧ<EFBFBD>ܵĻص<C4BB>,
|
||
uploadErrorCallback: function (data){
|
||
if(!data.info){
|
||
alert(lang.netError);
|
||
}
|
||
//console && console.log(data);
|
||
},
|
||
// ȫ<><C8AB><EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD>Ļص<C4BB>
|
||
allCompleteCallback: function(){
|
||
dialog.buttons[0].setDisabled(false); //<2F>ϴ<EFBFBD><CFB4><EFBFBD><EFBFBD>Ϻ<EFBFBD><CFBA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ť
|
||
},
|
||
// <20>ļ<EFBFBD><C4BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƶ<EFBFBD><C6B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD>Ļص<C4BB>
|
||
//exceedFileCallback: 'exceedFileCallback',
|
||
// <20><>ʼ<EFBFBD>ϴ<EFBFBD>ij<EFBFBD><C4B3><EFBFBD>ļ<EFBFBD>ʱ<EFBFBD>Ļص<C4BB>
|
||
startUploadCallback: function(){
|
||
var config = postConfig.shift();
|
||
//Ҳ<><D2B2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
||
//if(config.id==2){ //<2F><><EFBFBD>õ<EFBFBD><C3B5><EFBFBD><EFBFBD><EFBFBD>ͼƬ<CDBC>Ķ<EFBFBD>Ӧ<EFBFBD><D3A6><EFBFBD><EFBFBD>
|
||
// config.data={"myParam":"value"}
|
||
// }
|
||
flashObj.addCustomizedParams(config.id,config.data);
|
||
}
|
||
};
|
||
imageUploader.init(flashOptions,callbacks);
|
||
$G("upload").onclick = function () {
|
||
/**
|
||
* <20>ӿ<EFBFBD>imageUploader.setPostParams()<29><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ύʱ<E1BDBB><CAB1><EFBFBD>ñ<EFBFBD><C3B1><EFBFBD><EFBFBD>ϴ<EFBFBD><CFB4>ύ<EFBFBD>IJ<EFBFBD><C4B2><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͼƬ<CDBC><C6AC>
|
||
* <20><><EFBFBD><EFBFBD>Ϊjson<6F><6E><EFBFBD><EFBFBD>{"key1":"value1","key2":"value2"}<7D><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>key<65><79>Ϊ<EFBFBD><CEAA><EFBFBD><EFBFBD>̨post<73>ύ<EFBFBD><E1BDBB>name<6D><65>value<75><65>Ϊֵ<CEAA><D6B5>
|
||
* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD>keyֵΪaction<6F><6E><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ã<EFBFBD><C3A3><EFBFBD><EFBFBD>Ը<EFBFBD><D4B8>ı<EFBFBD><C4B1><EFBFBD><EFBFBD>ύ<EFBFBD>Ĵ<EFBFBD><C4B4><EFBFBD><EFBFBD><EFBFBD>ַ
|
||
*/
|
||
var postParams = {
|
||
"dir":baidu.g("savePath").value
|
||
};
|
||
imageUploader.setPostParams(postParams);
|
||
flashObj.upload();
|
||
this.style.display = "none";
|
||
$G("savePath").parentNode.style.display = "none";
|
||
};
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |