javascript动态生成图文上传控件实现代码

时间：2012-08-30 编辑：简简单单来源：一聚教程网

步骤/方法

①将aspx页面中Form标签改为

代码如下	复制代码
：，

也就是说在原有的基础上增加了enctype= "multipart/form-data"
②在页面中加入如下代码，这里包含了一个div容器，以方便用js动态向容器中增加控件

代码如下	复制代码

③增加js代码：

代码如下	复制代码

④效果展示：

当点击浏览时就会增加一个新上传控件，如果感觉哪个不需要可以点击后面的删除功能删除。
⑤服务器端处理代码：

代码如下

复制代码

    System.Web.HttpFileCollection files = System.Web.HttpContext.Current.Request.Files;
    for (int i = 0; i < files.Count; i++)
    {
    System.Web.HttpPostedFile filePicture = files[i];
    string FileType;    // 上传文件类型(扩展名)
    FileType = System.IO.Path.GetExtension(filePicture.FileName).ToLower();
    string sFileName = Guid.NewGuid().ToString() + FileType;
    filePicture.SaveAs(Server.MapPath("HotPic\" + sFileName));//保存图片
    }

用System.Web.HttpContext.Current.Request.Files;可以得到所有上传文件的集合，然后遍历上传就可以了。

上一个： Asp.Net用户控件添加下拉属性方法
下一个： asp.net页面跳转几种方法总结

推荐专题

最新下载

热门教程

javascript动态生成图文上传控件实现代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程