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