想写一个 动态图片上传的功能. 动态生成一个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();
}
}
后台的 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();
}
}
支持多文件上传,有上传进度条,如果上传图片,还能先预览缩略图。
<form id="form1" runat="server" enctype="multipart/form-data">
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PBImgUpdate.aspx.cs" Inherits="pages_Master_PBImgUpdate" %><!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>
</head>
<body>
<form id="form1" runat="server" enctype ="multipart/form-data" >
<div>
<input type="file" id="aa"/>
<asp:Button ID ="butUploadFile" runat ="server" Text ="submit" OnClick="butUploadFile_Click"/>
</div>
</form>
</body>
</html>
为这么这样都不行? 后台取不到值啊?count=0啊?为什么
<%@ 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;
} }
}
思想没什么错误.但是通过fileImg.click();来执行文件选择. 在form提交的是会报错. 所以我的file没加name属性.之后后台得不到了.
具体为什么会报错我在研究一下.
要把浏览器flash 给禁用,才可以看到 用<file > 上传的方式
但是request.Files取不到文件.
后来在网上搜了一下,将Form的enctype改成"multipart/form-data";
我试了下,我在我后台文件的Page_load事件中加了
Page.Form.Enctype = "multipart/form-data";
之后果然能在Request.Files中取到文件
多文件上传,页面后台文件中取不到Request.Files的值