在一个相册时批量上传相片。相片具有相片标题、相片描述等信息。
---
如果单独的批量上传相片,那没有啥可说的。NET的上传功能可说绰绰有余。只要记得
<form enctype="multipart/form-data" .......就可以了。
---
第一个: 需要考虑的是每张照片对应它自己的标题和描述。。。考虑了一下,我最后采用,在动态添加上传表单时
给予相应的文本框加name="title1" name="title2"这样的形式来一一对应。
第二个: 需要考虑的是如何通过JS动态添加。。
根据以前在网上看过的多文件上传的实现,真实我用 ***.innerHTML=****的形式来为某个容器动态添加项实现。
不过,发现如果某些上传表单已经有选过文件,此时再用innerHTML+=****的形式的话, 原来已选的内容会被重置。
最后决定用 ***.insertAdjacentHTML(position,nhtml)的形式来实现。需要注意的是在FF下并不支持这个函数。具体的兼容方案在代码中。
第三个: FF不支持removeNode(true|false)的解决办法:使用***.parentNode.removeChild(***)的形式来兼容。
--------
总结:单纯的文件上传功能应该很简单,动态添加要注意的就是IE与FF等其它浏览器的兼容。
----
运行效果图:
---
附上主要的JS代码:
1
<script type="text/javascript" language="javascript">
2
<!--
3
//多相片上传动态增加
4
var num=0;
5
if(!document.all) //非IE类下注册
6
script>
2
3
4
5
6
其中肯定有不合理或错误的地方。请各位达人指正。