document.getElementById("MyFile")和insertAdjacentHTML
("beforeEnd", str)的含义和用法收藏
新一篇: 解决WIN2003因为限制ASP上传最大数值的方法 | 旧一篇: Web形式实现上传文件
document.getElementById("MyFile")为:获得名称为MyFile的层。
insertAdjacentHTML("beforeEnd", str)为:
MyFile层在其后追加插入内容为 INPUT type="file" size="50" NAME="File"> 的html格式信息。
向下面的例子,可以拷贝到网页中试试:
<script language="JavaScript">
function addFile()
{
var str = '<INPUT type="file" size="50" NAME="File">'
document.getElementById("MyFile").insertAdjacentHTML("beforeEnd", str)
}
</script>
<div id="MyFile">
1234567
</div>dfdfdfdf
<a href="javascript:addFile()">df</a>
发表于 @ 2006年05月25日 20:49:00|评论(0 )|编辑
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Text;
public partial class AddNews : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
this.BindNewsKind();
}
}
protected void BtnAdd_Click(object sender, EventArgs e)
{
string NewsTitle = this.TxtNewsTitle.Text;
int NewsKindId = Convert.ToInt32(this.DropNewsKinds.SelectedValue);
string NewsBody = this.WebNewsBody.Text;
DateTime PubTime = DateTime.Now;
int UserId = Users.GetUserIdByUserName(Session["UserName"].ToString());
News SingleNews = new News();
SingleNews.NewsTitle = NewsTitle;
SingleNews.NewsKindId = NewsKindId;
SingleNews.NewsBody = NewsBody;
SingleNews.PubDate = PubTime;
SingleNews.UserId = UserId;
if (News.AddNews(SingleNews))
{
this.LabMessage.Text = "添加成功!";
}
else
{
this.LabMessage.Text = "添加失败";
}
}
public void BindNewsKind()
{
this.DropNewsKinds.DataSource = NewsKinds.GetAllNewsKinds();
this.DropNewsKinds.DataTextField = "KindName";
this.DropNewsKinds.DataValueField = "KindId";
this.DropNewsKinds.DataBind();
this.DropNewsKinds.SelectedIndex = 0;
}
protected void BtnCreatHtml_Click(object sender, EventArgs e)
{
string NewsTitle = this.TxtNewsTitle.Text;
string NewsKindName = this.DropNewsKinds.SelectedItem.Text;
string NewsBody = this.WebNewsBody.Text;
DateTime PubTime = DateTime.Now;
string UserName = Session["UserName"].ToString();
Response.Write(NewsKindName);
string[] strNewsHtml = new string[]{NewsTitle,NewsKindName,NewsBody,PubTime.ToString(),UserName};
string[] strOldHtml = new string[] { "@Title", "@NewsKInd", "@NewsBody", "@PubTime", "@UserName" };
string strFileName=DateTime.Now.ToString("ddhhmmss")+".html";
string strFilePath = string.Format("NewsHtml/{0}",strFileName);
try
{
if (Files.CreatHtmlPage(strNewsHtml, strOldHtml, "mode.htm", strFilePath))
{
this.LabMessage.Text = "生成成功!";
}
else
{
this.LabMessage.Text = "生成失败!";
}
}
catch
{
this.LabMessage.Text = "生成失败!";
}
}
protected void Button1_Click(object sender, EventArgs e)
{
string[] strNewsHtml=new string[]{"看看我们生成的首页"};
string[] strStartHtml=new string[]{"<!-- StartBody-->"};
string[] strEndHtml=new string[]{"<!-- BodyEnd-->"};
if (Files.UpdateHtmlPage(strNewsHtml, strStartHtml, strEndHtml, "NewsHtml/20074442.html"))
{
this.LabMessage.Text = "更新首页成功!";
}
else
{
this.LabMessage.Text = "更新首页失败!";
}
}
protected void BtnFileUp_Click(object sender, EventArgs e)
{ if (FileUpload1.HasFile)
{
string FileName = FileUpload1.FileName;
string strExPrentFile = FileName.Substring(FileName.LastIndexOf(".") + 1);
string[] NoExPrentFile = new string[] { "exe", "asp", "php" };
bool IsUp = true;
for (int i = 0; i < NoExPrentFile.Length;i++ )
{
if(strExPrentFile.Equals(NoExPrentFile[i]))
{
IsUp = false;
}
}
if(IsUp)
{
string sFilePath = string.Format("files/{0}.{1}", DateTime.Now.ToString("mmhhddss"), strExPrentFile);
FileUpload1.SaveAs(Server.MapPath(sFilePath));
this.LabMessage.Text = "文件上传成功!" + "<br />文件名是:" + string.Format("{0}.{1}", DateTime.Now.ToString("mmhhddss"), strExPrentFile) + "<br />文件的格式:" + strExPrentFile;
}
else
{
this.LabMessage.Text = string.Format("不允许上传{0}格式文件", NoExPrentFile);
}
}
else
{
this.LabMessage.Text = "不能上传空文件";
}
}
protected void BtnUpFiles_Click(object sender, EventArgs e)
{
StringBuilder strMessage = new StringBuilder();
HttpFileCollection Files = HttpContext.Current.Request.Files;
for (int i = 0; i < Files.Count;i++ )
{
HttpPostedFile PostedFile = Files[i];
if (PostedFile.ContentLength>0)
{
string FileName = PostedFile.FileName;
string strExPrentFile = FileName.Substring(FileName.LastIndexOf(".") + 1);
string[] NoExPrentFile = new string[] { "exe", "asp", "php" };
bool IsUp = true;
for (int j = 0; j < NoExPrentFile.Length; j++)
{
if (strExPrentFile.Equals(NoExPrentFile[j]))
{
IsUp = false;
}
}
if (IsUp)
{
string sFilePath = string.Format("files/{0}.{1}", DateTime.Now.ToString("mmhhddss"), strExPrentFile);
PostedFile.SaveAs(Server.MapPath(sFilePath));
strMessage.Append("文件上传成功!");
strMessage.Append(string.Format("{0}.{1}", DateTime.Now.ToString("mmhhddss"), strExPrentFile));
strMessage.Append("<br />");
strMessage.Append("文件的格式:");
strMessage.Append(strExPrentFile);
strMessage.Append("<br />```````````````<br />");
//this.LabMessage.Text = "文件上传成功!" + "<br />文件名是:" + string.Format("{0}.{1}", DateTime.Now.ToString("mmhhddss"), strExPrentFile) + "<br />文件的格式:" + strExPrentFile;
}
else
{
//this.LabMessage.Text = string.Format("不允许上传{0}格式文件", NoExPrentFile);
}
}
else
{
//this.LabMessage.Text = "不能上传空文件";
}
}
this.LabMessage.Text = strMessage.ToString();
}
protected void BtnShow_Click(object sender, EventArgs e)
{
string FileName = "00112145.ppt";
string strExPrentFile = FileName.Substring(FileName.LastIndexOf(".") + 1);
string[] NoExPrentFile = new string[] { "jpg", "fig", "jpeg","bmp" };
bool IsUp = false;
for (int j = 0; j < NoExPrentFile.Length; j++)
{
if (strExPrentFile.Equals(NoExPrentFile[j]))
{
IsUp = true;
}
}
if (IsUp)
{
// this.LabMessage.Text = "文件上传成功!" + "<br />文件名是:" + string.Format("{0}.{1}", DateTime.Now.ToString("mmhhddss"), strExPrentFile) + "<br />文件的格式:" + strExPrentFile;
this.LabFile.Text = string.Format("<img src='files/{0}' />",FileName);
}
else
{
this.LabFile.Text = string.Format("<a href='files/{0}'>{1}</a>",FileName,FileName);
}
}
}
分享到:
相关推荐
在Java开发中,多文件上传是一项常见的功能,尤其在Web应用中,用户可能需要一次性上传多个文件,如图片、文档等。本知识点将详细介绍如何在Java中实现这一功能,以及结合Flash实现上传界面并显示上传进度条。 1. *...
多文件上传功能则意味着用户可以一次性选择并上传多个文件,大大提高了数据传输的效率。 【详细实现】 1. **引入资源**:首先,你需要在HTML文件中引入Bootstrap和Bootstrap-fileinput的相关CSS和JS文件。这些文件...
在EXTJS中,`MultiFileUploadField` 是一个组件,它允许用户在单个操作中选择并上传多个文件,极大地提升了用户交互体验。这个功能对于处理大量文件上传的场景非常有用,比如在内容管理系统、图像库或者文件分享平台...
这个源码可能提供了一种实现方式,允许用户同时上传多个文件,并且带有进度条显示,用户可以随时停止或删除正在上传的文件。这样的功能提高了用户体验,因为它允许用户批量处理文件,而无需逐一操作。 在实现多文件...
"JSP多文件上传"是一个常见的需求,特别是在文件分享、在线教育或文档管理等场景。这个功能允许用户一次性选择并上传多个文件,提高了用户体验,减少了多次点击和等待时间。 实现JSP多文件上传,我们需要了解以下几...
对于初学者来说,理解并实现多文件上传是一项重要的技能,它可以帮助你构建交互性强、功能完善的Web应用程序。在这个"C# .NET FileUpload 多文件上传例子"中,我们将探讨两种主要的方法,帮助你理解和掌握这一关键...
在多文件上传的场景中,JSP主要负责接收和处理来自客户端的文件上传请求。 在"MultifileUploadDemo"中,我们利用了Flash作为前端的上传组件。Flash因其支持多媒体和交互性而被广泛用于创建丰富的互联网应用程序。在...
在uniapp框架中,多文件上传是一个常见的功能需求,尤其在构建移动应用或者Web应用时。uniapp基于Vue.js,提供了丰富的API接口,使得开发者能够方便地实现这一功能。本篇将详细介绍如何在uniapp中进行多文件上传,并...
基于SpringBoot的文件上传系统,前后端分离,单文件上传,多文件上传,大文件上传,断点续传,文件秒传,图片上传 项目经过严格测试,确保可以运行! 采用前后端分离的方式进行开发,实现了几种常用的文件上传功能...
在本项目中,"javascript+HTML5 多文件上传(插件)多进度条显示"是一个实现这一功能的实例,它允许用户选择并上传多个文件,并在上传过程中实时显示每个文件及整体的上传进度。下面将详细介绍这个技术实现的关键...
标题中的“Flash实现的多文件上传”指的是使用Adobe Flash技术来实现用户在Web页面上同时上传多个文件的功能。Flash在过去的网页开发中被广泛应用于多媒体交互和富互联网应用(RIA),其中包括文件上传功能,因为它...
这个功能通常在网页应用中用于让用户能够一次性上传多个文件,如图片、文档等,极大地提高了用户体验。 多文件上传通常涉及以下几个关键技术点: 1. **HTML5 File API**: 这是实现多文件上传的基础。File API允许...
多文件上传是指一次操作中上传多个文件的能力。这种功能常见于照片分享网站、文档管理应用等。实现多文件上传,通常有以下方法: 1. **HTML5 File API**:现代浏览器支持HTML5的File API,可以一次性选择并上传多个...
在IT行业中,多文件上传是一项常见的功能,尤其在网页应用和桌面软件中,它允许用户一次选择并上传多个文件,极大地提高了工作效率。本资源提供的是一款基于Eclipse开发的多文件上传组件,它可以帮助开发者轻松地...
在IT行业中,文件上传是网页应用中常见的功能之一,尤其在大数据时代,用户可能需要一次上传多个文件。"uploadify"是一款广泛使用的JavaScript插件,它使得多文件上传变得简单而高效。本示例代码是关于如何使用...
这里,我们主要关注"springMVC多文件上传需要的jar"这一资源,它包含了实现这一功能所必需的Java档案(JAR)文件。 首先,Spring MVC是Spring框架的一个模块,专门处理Web应用的请求和响应。它提供了模型-视图-控制...
在Java开发中,多文件上传是一项常见的功能,尤其在Web应用程序中,如用户需要上传图片、文档等附件。本示例提供了实现这一功能的具体代码和数据库相关资源,旨在帮助开发者快速构建自己的多文件上传功能。 首先,...
1. **多文件上传**:多文件上传是指用户可以在一次操作中选择并上传多个文件,而不是逐个上传。这提高了用户体验,减少了用户的交互次数。在HTML5中,`<input type="file" multiple>`标签被引入,使得浏览器支持多选...
在Web应用中,多文件上传功能通常用于让用户一次性上传多个文件,比如图片、文档等。ExtJS4提供了一种解决方案,允许用户通过一个交互式的界面来上传多个文件,并可以分别处理每个文件的上传状态。 **三、上传组件...