JavaScript多图片上传案例
更新时间：2022年02月23日 16:58:43 投稿：lijiao
JS上传多图片例子，为了更人性化，不要固定初始化时的个数，可以通过由用户决定上传图片的个数，即是动态地创建上传图片文框和按钮的个数，感兴趣的小伙伴们可以参考一下
JS多图片上传小小实例：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>上传多图片</title>
<script type="text/javascript">
function JM_wu(ob) {
ob.style.display = "none";
}
function JM_you(ob) {
ob.style.display = "";
}
function createForm(textN, number) {
data = "";
inter = "'";
if (number < 11 && number > -1) {
for (i = 1; i <= number; i++) {
if (i < 10) spaces = " ";
else spaces = " ";
data = data + " <input name=" + textN + i + " type=text value='' size='30' maxlength='100'>"
+ "<INPUT TYPE='button' value='上传" + i + "' onclick=javascript:uppic('more" + i + "','more" + i + "')>";
}
if (document.layers) {
document.layers.cust.document.write(data);
document.layers.cust.document.close();
}
else {
if (document.all) {
cust.innerHTML = data;
}
}
}
else {
window.alert("请不要超过10张图片.");
}
}
</script>
</head>
<body>
<form name="prodtable" action="">
<input type="radio" name="more_pic" checked value="0" onclick="JM_wu(s1)">无
<input type="radio" name="more_pic" value="1" onclick="JM_you(s1)">有 <span id="s1" style="display:none">
<input name="more" type="text" value='1' size='5' maxlength='2'>
<input type="button" value="张大图" onclick="createForm('more',document.prodtable.more.value);">
<span id="cust" style="position: relative;"></span></span>
</form>
</body>
</html>这只是一个指引的小例子，同学们可以把按钮换成浏览图片按钮。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
javascript学习笔记（七）利用javascript来创建和存储cookie
今天把javascript如何用来创建及存储cookie复习了一下，其中的一点体会拿出来和大家讨论，恳请高手指点一二。2011-04-04
JS前端知识点总结之页面加载事件，数组操作，DOM节点操作，循环和分支
这篇文章主要介绍了JS前端知识点总结之页面加载事件，数组操作，DOM节点操作，循环和分支,结合实例形式总结分析了JS页面加载事件，数组操作，DOM节点操作，循环和分支所涉及的相关事件、函数及操作注意事项,需要的朋友可以参考下2019-07-07
这篇文章主要为大家详细介绍了OpenLayer3自定义测量控件MeasureTool，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
借用Google的Javascript API Loader来加速你的网站
加速页面加载速度有一个方法就是把CSS和JS文件放到另外一个单独的服务器上，这样在访问量比较大的情况下可以分担主服务器的压力2009-01-01
遍历所有样式属性，通过判断其属性值，是否为'undefined' 或特特的值，来过虑属性2012-09-09
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
使用js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色2010-05-05
本文主要介绍了如何获取地址栏中的参数的两种方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了基于JavaScript实现前端数据多条件筛选功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
iframe标签是一个内联框架,即用来在当前HTML页面中嵌入另一个文档的,且所有主流浏览器都支持iframe标签,这篇文章主要给大家介绍了关于JS如何对Iframe内外页面进行操作的相关资料,需要的朋友可以参考下2021-10-10
在javascript中申明变量使用的关键字都是var，这点与其他的编程语言不尽相同，但是javascript亦含有五种基本的数据类型（也可以说是简单数据类型），它们分别是：Undefined，Null，Boolean，Number和String。还含有一种复杂数据类型—Object。这里我们不谈复杂数据类型2015-08-08
最新评论