多附件上传组件演示

<head> <meta http-equiv="Content-Language" content="zh-cn"> <script> function mCreateFile(obj){ var eF var mName mFileName.innerHTML="" if (obj.id=="File") { for (i=0;i<mFile.children.length-1;i++) { if (mFile.children[i].value=="") { mFile.removeChild(mFile.children[i]) } else { mName=mFile.children[i].value.split("\\") mFileName.innerHTML+=""+mName[mName.length-1]+"" } } mstatus.innerHTML="总共有 <b>"+(mFile.children.length-1)+"</b> 个文件等待上传" } if (obj.id=="File_New") { eF=document.createElement('<input type="file" name="File" size="23" id=File_New onpropertychange="mCreateFile(this)">') mFile.appendChild(eF) obj.id="File" } } </script> <style> table{ FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3); } input{ border:1px soild #000000; font-family:Verdana,Arial,宋体; font-size:12px; padding:2px; } #mTD{ LINE-HEIGHT: 24px; } #mFile{ width:203px; float:left; | #mFileName{ float:right; width:182px; } #NameDetail{ overflow:hidden; width:176px; color:#000000; font-family:Verdana,Arial,宋体; font-size:12px; cursor:default; height:22px; } #mstatus{ font-size:12px; color:#ff0000; } </style> </head> <body> <form name=frm method=post> <table border="1" width="420" style="border-collapse: collapse" bordercolor="#0066cc" cellpadding="4" bgcolor="#D0F0FF"> <tr> <td bgcolor="#3399FF" height="26" align="center"><font color="#FFFFFF" size="3"><b>添加附件</b></font></td> </tr> <tr> <td id=mTD> <input type="file" name="File" size="23" id=File_New onpropertychange="mCreateFile(this)"> 总共有 <b>0</b> 个文件等待上传 </td> </tr> </table> </form> </body>

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

时间: 2024-09-30 07:12:25

多附件上传组件演示的相关文章

多附件上传组件演示_ASP基础

添加附件 总共有 0 个文件等待上传

多附件上传组件演示_javascript技巧

添加附件 总共有 0 个文件等待上传

基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用

大概一年前,我还在用Asp.NET开发一些行业管理系统的时候,就曾经使用这个组件作为文件的上传操作,在随笔<Web开发中的文件上传组件uploadify的使用>中可以看到,Asp.NET中如何使用这个组件进行文件上传的,当时上传文件的处理主要也是使用ashx一般处理程序来进行处理的.本文主要介绍我的Web开发框架中,在MVC4的环境中如何集成这个非常棒的文件上传组件的. 1.上传组件uploadify的说明及脚本引用 Uploadify 是 JQuery 一个著名的上传插件,利用 Flash

asp利用文件上传组件upload

我们是利用upload文件上传组件进行文件上传哦. <%Server.ScriptTimeOut=5000%> <!--#include file="conn.asp"--> <!--#include FILE="upload_5xsoft.inc"--> <html> <head> <title>文件上传</title> <link rel="stylesheet&

Fine Uploader文件上传组件

原文 Fine Uploader文件上传组件 最近在处理后台数据时需要实现文件上传.考虑到对浏览器适配上采用Fine Uploader. Fine Uploader 采用ajax方式实现对文件上传.同时在浏览器中直接支持文件拖拽[对浏览器版本有要求类似IE版本必须是9或是更高的IE10].在不同浏览器中提供统 一用户体验.该组件基本覆盖目前所有主流浏览器.同时没有任何第三方组件依赖.相当Clear.在服务器端已经覆盖支持了 ASP.NET/ColdFusion/Java/Node.js/Perl

ie 11-swfupload+extjs 多附件上传,在IE11中点击上传不起作用

问题描述 swfupload+extjs 多附件上传,在IE11中点击上传不起作用 原本在IE8下是可以上传的,最近公司IE升级为11上传控件就不能用了,更改IE的文档模式为8以下就OK.文档模式为edge就出现上传按钮没反应. 解决方案 是点击选择文件不起作用 解决方案二: 要加上classidhttp://www.wfk.name/archives/1139.html 解决方案三: /** * 多文件上传组件 * for extjs4.0 + struts2.0 + swfupload *

asp 利用文件上传组件upload_5xsoft文件上传

我们是利用upload文件上传组件进行文件上传哦. <%Server.ScriptTimeOut=5000%> <!--#include file="conn.asp"--> <!--#include FILE="upload_5xsoft.inc"--> <html> <head> <title>文件上传</title> <link rel="stylesheet&

Web开发中的文件上传组件uploadify的使用

在Web开发中,有很多可以上传的组件模块,利用HTML的File控件的上传也是一种办法,不过这种方式,需要处理的细节比较多,而且只能支持单文件的操作.在目前Web开发中用的比较多的,可能uploadify(参考http://www.uploadify.com/)也算一个吧,不过这个版本一直在变化,他们的脚本调用也有很大的不同,甚至调用及参数都一直在变化,很早的时候,那个Flash的按钮文字还没法变化,本篇随笔主要根据项目实际,介绍一下3.1版本的uploadify的控件使用,这版本目前还是最新的

html5-求手机端图片上传组件

问题描述 求手机端图片上传组件 最近做了一个基于微信的移动端小项目,目前需要实现一个图片的上传功能,一共需要上传4张图片,目前html自带的文件域虽然可以实现,但四张图片同时提交恐怕会很慢,同时这样做图片上传也没有进度条效果,显得很单调,想在网上找一个上传组件,html5也好,不知道哪位大牛能够给我提供一个移动端兼容性最好的图片上传组件,代码最精简易懂,我后台是用PHP需要开发的,最好有一个完整的案例,我网上找了好多基本上没有看到满意的,求大神帮忙,这个问题困扰我好久了,知道的一定要给我回复,谢