[急]动态生成的form 跟file 提交到后台 file获取不了

2013-04-21

[急]动态生成的form 和file 提交到后台 file获取不了.想写一个动态图片上传的功能.动态生成一个form 然

[急]动态生成的form 和file 提交到后台 file获取不了.
想写一个动态图片上传的功能. 动态生成一个form 然后添加 file .然后提交到后台.
后台的 System.Web.HttpContext.Current.Request.Files 的Count是0 啊怎么回事.
大家帮忙看一下啊.



function chooseImg(fileid){
    
    var ImgForm = document.createElement('form');
    ImgForm.id ='form'+fileid;
    ImgForm.action = 'PBImgUpdate.aspx?Img='+fileid;
    ImgForm.method = 'POST';
    //ImgForm.style.display='none';
    ImgForm.target="ImgUpdate"+fileid;
    ImgForm.enctype="multipart/form-data";

    var fileImg = document.createElement('input');
    fileImg.id = fileid;
    fileImg.type='file';
   
    var ImgIframe = document.createElement('iframe');
    ImgIframe.name = "ImgUpdate"+fileid;
   
    document.body.appendChild(ImgForm);
    ImgForm.appendChild(fileImg);
    ImgForm.appendChild(ImgIframe);
   
    fileImg.click();

    if(fileImg.value.length>0){
        ImgForm.submit();
    }
}

[解决办法]
js添加的<input type="file">控件，在后台当然拿不到了，不是服务端的控件。

你要在后台方法中添加asp:FileUpload控件，这样是可以做到的，只是在添加时，页面会闪烁。

如果真想做比较酷的多文件上传，可以用swfupload控件:swfupload官网
支持多文件上传，有上传进度条，如果上传图片，还能先预览缩略图。
[解决办法]
楼主，你的file里面有值吗。没选中文件当然是0了。再者，ie不支持在js里面设置enctype属性，所以在ie里面这种操作没效果。换成chrome就可以了。
[解决办法]
看看form有没有这个属性enctype
<form id="form1" runat="server" enctype="multipart/form-data">
[解决办法]
那你换成chrome浏览器试试呢。反正以前我帮别人解决这种问题的时候。原因就是ie内核里的form不能动态设置enctype。而chrome浏览器可以。所以用chrome的时候，服务端能接收到文件
[解决办法]
给你一个我的示例：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MultiFileUpload.aspx.cs"
  Inherits="MultiFileUpload" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>多文件上传测试</title>

  <script type="text/javascript">
    function addFile() {
      var div = document.createElement("div");
      var f = document.createElement("input");
      f.setAttribute("type", "file")
      f.setAttribute("name", "File")
      f.setAttribute("size", "50")
      div.appendChild(f)
      var d = document.createElement("input");
      d.setAttribute("type", "button")

      d.setAttribute("onclick", "deteFile(this)");
      d.setAttribute("value", "移除")
      div.appendChild(d)
      document.getElementById("_container").appendChild(div);
    }

    function deteFile(o) {
      while (o.tagName != "DIV") o = o.parentNode;
      o.parentNode.removeChild(o);
    }
  </script>

</head>
<body>
  <form id="form1" runat="server" method="post" enctype="multipart/form-data">
  <h3>多文件上传</h3>
   用户名：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  <div id="_container">
    <input type="file" size="50" name="File" />
  </div>
  <div>
    <input type="button" value="添加文件(Add)" onclick="addFile()" />
  </div>
  <div style="padding:10px 0">
    <asp:Button runat="server" Text="开始上传" ID="UploadButton"
      onclick="UploadButton_Click"></asp:Button>
  </div>
  <div>
    <asp:Label ID="strStatus" runat="server" Font-Names="宋体" Font-Bold="True" Font-Size="9pt"
      Width="500px" BorderStyle="None" BorderColor="White"></asp:Label>
  </div>
  </form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class MultiFileUpload : System.Web.UI.Page
{
    protected void UploadButton_Click(object sender, EventArgs e)
    {
      ///'遍历File表单元素
      HttpFileCollection files = HttpContext.Current.Request.Files;

      /// '状态信息
      System.Text.StringBuilder strMsg = new System.Text.StringBuilder("您输入的用户名是：" + TextBox1.Text + "<br/>");
      strMsg.Append("上传的文件分别是：<hr color='red'/>");
      try
      {
        for (int iFile = 0; iFile < files.Count; iFile++)
        {
          ///'检查文件扩展名字
          HttpPostedFile postedFile = files[iFile];
          string fileName, fileExtension;
          fileName = System.IO.Path.GetFileName(postedFile.FileName);
          if (fileName != "")
          {
            fileExtension = System.IO.Path.GetExtension(fileName);

            strMsg.Append("上传的文件类型：" + postedFile.ContentType.ToString() + "<br>");
            strMsg.Append("客户端文件地址：" + postedFile.FileName + "<br>");
            strMsg.Append("上传文件的文件名：" + fileName + "<br>");
            strMsg.Append("上传文件的扩展名：" + fileExtension + "<br><hr>");
            ///'可根据扩展名字的不同保存到不同的文件夹
            ///注意：可能要修改你的文件夹的匿名写入权限。
            postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath("images/") + fileName);
          }
        }
        strStatus.Text = strMsg.ToString();
      }
      catch (System.Exception Ex)
      {
        strStatus.Text = Ex.Message;
      }

    }
}

[解决办法]
3721up.com 分析下他的上传，
要把浏览器flash 给禁用，才可以看到用<file > 上传的方式

热点排行

asp.net

[急]动态生成 的form 跟file 提交到后台 file获取不了

[急]动态生成的form 跟file 提交到后台 file获取不了