仪琳
中级会员
 
一般会员
UID 21651
精华
0
积分 224
帖子 162
金钱 224 喜悦币
威望 0
人脉 0
阅读权限 30
注册 2003-7-14
状态 离线
|
一个超级问题
是这样的,我经常要添加大量图片。
图片已经传到网站,图片文件名随机,没有规律。
而且,相同的文件夹和文件都同时保存在本地。
图片分为缩略图和对应的大图,他们的文件名区别在于:缩略图是以 _s 结尾。
我下面的代码已经实现部分功能,但还是要一个个手动去选择一下。20张图片,就要去选择20次。
有没有办法做到,在我现在代码的基础上,做到点浏览按钮后,可以同时选择多个图片,然后自动填写多个文本框?
我不是要上传,我只是要一下子选择整个文件夹的文件名自动填到文本框中,即可。
<form name="form1" method="post" action="admin_gallery_save.asp" onsubmit="return check1();">
<table width="100%">
<tr>
<td>
<strong>图片地址:</strong>请先设定图片的数目,然后点"设定" <input type="text" name="upcount" value="20" size=5>
<input type="button" name="Button" onclick="setid();" value="设定" class=a1>
<select name="class_name1" id="class_name1" onChange="changeclass()">
<option value="/Star/StarWorld">明星魅力</option>
<option value="/Cartoon/CartoonGame">动漫游戏</option>
<option value="/Design/Design">设计素材</option>
<option value="/Nature/Landscape">自然风光</option>
<option value="/Animal/Animal">动物植物</option>
<option value="/Others/Others">综合壁纸</option>
</select>
</td>
</tr>
<tr><td id="upid" ></td></tr>
</table>
</form>
<Script language="JavaScript">
function changeclass(){
var folder = $("class_name1").options[$("class_name1").options.selectedIndex].value
var inputs = $("upid").getElementsByTagName("input")
for (var i = 0 ; i < inputs.length ; i++ ) if (inputs[i].type == "text") setvalue(inputs[i] , inputs[i].value)
}
function setvalue(el , value){
if (value.length == 0) return;
var folder = $("class_name1").options[$("class_name1").options.selectedIndex].value
if (value.indexOf("/")>-1) el.value = folder + "/" +value.split("/")[value.split("/").length-1]
else el.value = folder + "/" + value
}
function setid(){
str='';
if(!window.form1.upcount.value)
window.form1.upcount.value=1;
for(i=1;i<=window.form1.upcount.value;i++)
str+=+i+'.缩图: <input type="text" id = "small_pic_'+i+'" name="imagethumbsurl" size=53> 原图: <input type="text" id="big_pic_'+i+'" name="imageurl" size=53><textarea name="imageintro" style="display:none;" cols=22 rows=1></textarea> <input type="button" id="brower_'+i+'" value="浏览" onclick="getfile()"><br>';
window.upid.innerHTML=str+'';
}
function $(el){return document.getElementById(el);}
function getfile(){
var el = event.target || event.srcElement;
var id = el.id.split("_")[1]
var t=document.createElement('input');
t.id = "temp_file"
t.type = "file"
t.style.display='none';
t.onchange = function(){
var file = t.value.split("Desktop\\");
setvalue ($("big_pic_"+id) , file[file.length-1])
setvalue ($("small_pic_"+id) , file[file.length-1].split(".").join("_s.") )
//$("big_pic_"+id).value = file[file.length-1];
//$("small_pic_"+id).value = $("big_pic_"+id).value.split(".").join("_s.")
document.body.removeChild(t);
}
document.body.appendChild(t);
t.click();
}
</script> [ 本帖最后由 namelessxp 于 2007-5-8 09:48 AM 编辑 ]
| 
http://www.zhuatu.com
|
|