`

一个上传多个图片的js技巧

阅读更多
<script language="JavaScript"> 
var num=1; 
function show(obj){ 
if(obj.checked){ 
document.all.photoyn.style.display=""; 
document.all.photoyn.innerHTML="<input type=\"file\" size=\"25\" name=\"photopath\" class=\"upfile\"><font color=\"red\">(只允许700K以内的GIF或JPG图片)</font><table id=\"TB\" width=\"100%\" height=\"0px\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td></td></tr></table><input type=\"button\" value=\"+\"title=\"增加一个上传\" onclick=\"oRow=TB.insertRow();oCell=oRow.insertCell();oCell.innerHTML='<input type=file size=25  name=photopath'+Number(num)+' class=upfile>';num=num+1\">&nbsp;&nbsp;<input type=\"button\" value=\"-\" title=\"去掉一个上传\" onclick=\"oCell=TB.deleteRow()\">"; 
}else{ 
document.all.photoyn.innerHTML=""; 
document.all.photoyn.style.display="none"; 
} 
} 
</script> 
是否上传照片?<input type="checkbox" name="nfile" id="nfile" onclick="show(this)"> 
<div id="photoyn" style="display:none;padding:2px 0 5px 0"></div>

 

分享到:
评论

相关推荐

    thinkphp3.2.3上传多张图片+上传完预览

    在ThinkPHP 3.2.3框架中,上传多张图片是一项常见的功能需求,尤其对于内容管理系统、电子商务网站等,用户可能需要一次上传多张图片进行展示或编辑。本教程将详细讲解如何在ThinkPHP 3.2.3环境下实现这一功能,并...

    js上传图片预览

    在这个例子中,当用户选择一个图片文件后,`change`事件触发,我们获取到选中的文件,并使用`FileReader`读取。`readAsDataURL`方法将文件内容转化为Data URL,然后在`onload`事件回调中,将这个URL设置为图片元素的...

    仿淘宝图片上传

    这个功能通常包括图片预览、多图选择、图片裁剪、上传进度显示等多个关键步骤,对于电商类网站来说,是一个必不可少的交互组件。 在【描述】中提到,该代码解决了图片上传过程中的复杂问题,这意味着它可能包含了对...

    js控制上传图片的大小

    ### JS控制上传图片的大小 在现代Web应用中,对用户上传的图片进行尺寸限制是一项常见且实用的功能。本文将详细介绍如何使用JavaScript来实现这一功能,包括如何检测上传图片的大小,并在不符合要求时给予提示。 #...

    javascript 上传图片预览效果

    在JavaScript编程中,实现上传图片的预览效果是一项常见的需求,尤其在网页表单和多媒体交互...这些文件名表明了实现这一功能的关键组件,通过结合它们,可以创建一个在多个浏览器环境下都能工作的图片上传预览系统。

    ueditor自定义图片上传

    跨域是指一个域下的文档或脚本尝试请求另一个域下的资源时,如果两个域不相同,则浏览器会阻止这种请求,除非服务器明确允许。在ueditor中,当用户尝试上传图片到服务器时,如果服务器所在域与ueditor所在的页面域...

    上传图片不乱码demo

    在IT行业中,图片上传是网页应用中常见的功能之一,它涉及到前端与后端的交互、文件处理、编码问题等多个知识点。在这个"上传图片不乱码demo"中,开发者已经解决了图片上传过程中的乱码问题,提供了简单易用的实现...

    asp.net上传图片显示相册

    在ASP.NET中,上传图片并显示在相册中是一项常见的功能需求,这涉及到客户端与服务器端的数据交互、图片处理以及前端展示等多个环节。本篇将详细介绍如何实现这一过程。 首先,我们需要了解上传图片的基本原理。在...

    asp.net上传时图片预览

    批量上传图片则需要对多个文件进行迭代处理。在ASP.NET中,`Request.Files`集合包含了所有上传的文件。我们可以遍历这个集合,对每个文件执行上述单个文件上传的逻辑。同时,为了提高用户体验,可以使用多文件选择...

    ASP.NET同时上传多个文件_aspxcnup.rar

    "ASP.NET同时上传多个文件_aspxcnup.rar"这个压缩包很可能包含了一个示例项目或代码,演示了如何在ASP.NET中实现多文件同时上传的功能。 多文件上传通常涉及HTML表单、JavaScript、以及服务器端的处理逻辑。在HTML...

    js base46转码、保存图片到本地、img显示本地图片.zip

    例如,如果你有一个图片文件的Blob对象,你可以先将其转换为Base64字符串,以便在`&lt;img&gt;`标签的`src`属性中使用: ```javascript let blob = ... // 图片的Blob对象 let reader = new FileReader(); reader....

    PHP+jQuery+Ajax多图片上传

    在现代Web开发中,用户经常需要上传多个图片,如在社交媒体、电商网站或者博客平台等。"PHP+jQuery+Ajax多图片上传" 是一种常见且高效的技术解决方案,它结合了后端处理语言PHP、前端JavaScript库jQuery以及异步数据...

    微信小程序,头像上传,图片列表上传,图片缓存机制,表单上传

    上传时,需要维护一个图片队列,逐个上传并处理结果。同时,为了用户体验,可以考虑使用Promise.all或async/await来并发处理图片上传。 3. 图片缓存机制: 微信小程序有内置的本地缓存机制,可以使用`wx....

    多文件上传例子及说明

    "upload"和"上传多个文件"则直接指明了这个功能的核心——批量处理文件上传。 至于压缩包中的"web"文件,这可能是包含示例代码、HTML、CSS、JavaScript文件的文件夹,用于演示多文件上传的实现。开发者可以查看这些...

    js图片特效大全,网站实用

    JavaScript(简称JS)是一种轻量级的编程语言,主要用于...虽然这里只提到了一部分特效,但实际资源中可能包含了更多创新和实用的图片处理技巧。如果你对某个特效感兴趣,可以直接访问提供该资源的网站进行下载和学习。

    基于html5+node.js 图片上传、预览详解.zip

    在图片上传场景中,我们可以使用Node.js搭建一个简单的HTTP服务器,接收前端发送的图片文件。Express.js是一个流行的Node.js框架,简化了HTTP服务器的创建。通过`express-fileupload`或`multer`中间件,我们可以方便...

    [上传下载]ASP.NET同时上传多个文件_aspxcnup(ASP.NET源码).rar

    标题中的 "[上传下载]ASP.NET同时上传多个文件_aspxcnup" 暗示了这是一个关于ASP.NET平台下实现多文件上传功能的源代码。在ASP.NET中,开发者经常需要处理用户通过网页上传文件的需求,尤其是当用户需要一次性上传多...

    Extjs多文件上传

    在多文件上传场景中,我们需要扩展这个组件以允许用户选择多个文件。在ExtJS 2.2版本中,虽然不直接支持多文件选择,但我们可以通过监听`change`事件并利用HTML5的多文件选择特性(`multiple`属性)来实现这一功能。...

    相册图片放大预览,并上传图片判断大小,类开型及大小,并且图片可以左右移动

    总结来说,这个项目涵盖了jQuery插件的使用、JavaScript与HTML5 File API的结合、图片处理技巧以及CSS布局等多个方面,对于Web开发者来说,这些都是基础且重要的技能。通过实践这样的项目,开发者可以提升对前端技术...

    javascript图片自动切换效果

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和动态效果。在网页设计中,JavaScript常...你可以根据上述步骤尝试自己编写一个图片轮播效果,或者参考压缩包中的代码进行学习。

Global site tag (gtag.js) - Google Analytics