国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

這個(gè)控件就是對(duì) cloudgamer 的 仿163網(wǎng)盤(pán)無(wú)刷新多文件上傳系統(tǒng) 封裝，使我們使用更加簡(jiǎn)單方便。

先來(lái)看效果：

<hxj:UploadControl ID="uploadfile" runat="server" MaxFileNumbers="5" AllowExtensions="jpg,gif" />
<asp:Button ID="Button1" runat="server" Text="上傳" OnClick="Button1_Click" />

html的代碼簡(jiǎn)單，設(shè)計(jì)時(shí)如下：

在設(shè)計(jì)時(shí)狀態(tài)下并不好看，因?yàn)闆](méi)有加載樣式。

預(yù)覽效果：

預(yù)覽后加載了樣式效果好看多了。

配合后臺(tái)代碼：

protected void Button1_Click(object sender, EventArgs e)
{
Hxj.Web.UploadFile uf = new Hxj.Web.UploadFile();
//設(shè)置路徑
//uf.FilePath = "~/";
//上傳文件信息
List<Hxj.Web.UploadFileInfo> filelist = uf.UploadAll();
}

文件很輕松就上傳。

這里取消了原來(lái)無(wú)刷新上傳功能。

下面講述如何封裝成Asp.Net Web控件。

首先建立一個(gè)類(lèi)繼承Control

[ToolboxData("<{0}:UploadControl runat=\"server\"></{0}:UploadControl>")]
public class UploadControl : Control

在這個(gè)控件中有兩個(gè)屬性，一個(gè)是上傳文件數(shù)量、另外一個(gè)是允許上傳的文件類(lèi)型，

如下：

[Category("Behavior")]
[DefaultValue(0)]
[Description("最多上傳文件數(shù) 0表述無(wú)限制")]
public int MaxFileNumbers
{
get
{
object s = ViewState["_MaxFileNumbers.Hxj.Web.UI.UploadControl"];
int numbers = 0;
if (null == s)
return numbers;
int.TryParse(s.ToString(), out numbers);
if (numbers < 0)
numbers = 0;
return numbers;
}
set
{
ViewState["_MaxFileNumbers.Hxj.Web.UI.UploadControl"] = value;
}
}
[Category("Behavior")]
[DefaultValue("*")]
[Description("允許上傳的擴(kuò)展名，用逗號(hào)隔開(kāi)，所有文件請(qǐng)用 * ")]
public string AllowExtensions
{
get
{
object extension = ViewState["_AllowExtensions.Hxj.Web.UI.UploadControl"];
if (null == extension)
return "*";
return extension.ToString();
}
set
{
ViewState["_AllowExtensions.Hxj.Web.UI.UploadControl"] = value;
}
}

接下來(lái)是輸出需要呈現(xiàn)的Html信息，在void Render(HtmlTextWriter writer)事件中輸出Html，

代碼如下：

protected override void Render(HtmlTextWriter writer)
{
//驗(yàn)證該控件必須添加在 Form 表單中, 否則異常
if (null != Page)
{
Page.VerifyRenderingInServerForm(this);
}
StringBuilder html = new StringBuilder();
html.Append("<table border=\"0\" cellspacing=\"1\" class=\"fu_list\" id=\"");
html.Append(this.ClientID);
html.Append("\"><tbody><tr><td align=\"right\" width=\"15%\" style=\"line-height:35px;\">添加文件：</td><td><a href=\"javascript:void(0);\" class=\"files\" id=\"");
html.Append(this.ClientID);
html.Append("File\"></a> <img id=\"");
html.Append(this.ClientID);
html.Append("Process\" style=\"display:none;\" src=\"img/loading.gif\" /></td><td align=\"center\"><input type=\"button\" value=\"全部取消\" id=\"");
html.Append(this.ClientID);
html.Append("Btndel\" disabled=\"disabled\" /></td></tr><tr><td colspan=\"3\"><table border=\"0\" cellspacing=\"0\"><thead><tr><td>文件路徑</td><td width=\"100\"></td></tr></thead><tbody id=\"");
html.Append(this.ClientID);
html.Append("FileList\"></tbody></table></td></tr>");
if (MaxFileNumbers > 0 || !IsAllowAll())
{
html.Append("<tr><td colspan=\"3\" style=\"color:gray\">溫馨提示：");
if (MaxFileNumbers > 0)
{
html.Append("最多可同時(shí)上傳 <b id=\"");
html.Append(this.ClientID);
html.Append("Limit\"></b> 個(gè)文件，");
}
if (!IsAllowAll())
{
html.Append("只允許上傳 <b id=\"");
html.Append(this.ClientID);
html.Append("Ext\"></b> 文件。");
}
html.Append("</td></tr>");
}
html.Append("</tbody></table>");
writer.Write(html.ToString());
}

這樣的寫(xiě)法比較亂，不是推薦的寫(xiě)法。

接下來(lái)就是引用腳本，引用css，輸出腳本，在void OnPreRender(EventArgs e)事件中完成。

代碼如下：

protected override void OnPreRender(EventArgs e)
{
this.Page.Form.Attributes.Remove("enctype");
this.Page.Form.Attributes.Add("enctype", "multipart/form-data");
if (!Page.ClientScript.IsClientScriptIncludeRegistered("UploadControlJS"))
Page.ClientScript.RegisterClientScriptInclude("UploadControlJS", Page.ClientScript.GetWebResourceUrl(this.GetType(), "Hxj.Web.UI.js.fileupload.js"));
string strCssLink = string.Concat("<link href='", this.Page.ClientScript.GetWebResourceUrl(this.GetType(), "Hxj.Web.UI.css.fileupload.css"), "' rel='stylesheet' type='text/css' />");
string cssKey = "UploadControlCSS";
if (Page.Header.FindControl(cssKey) == null)
{
Literal ltlCss = new Literal();
ltlCss.ID = cssKey;
ltlCss.Text = strCssLink;
this.Parent.Page.Header.Controls.Add(ltlCss);
}
StringBuilder script = new StringBuilder();
script.AppendLine();
script.Append("var ");
script.Append(this.ClientID);
script.Append("fu = new FileUpload(\"");
script.Append(this.Page.Form.ClientID);
script.Append("\", \"");
script.Append(this.ClientID);
script.Append("File\", { Limit:");
if (MaxFileNumbers == 0)
{
script.Append("9999");
}
else
{
script.Append(MaxFileNumbers.ToString());
}
script.Append(", ");
if (!IsAllowAll())
{
script.Append(" ExtIn:[");
string extensions = AllowExtensions;
if (!string.IsNullOrEmpty(extensions))
{
StringBuilder extin = new StringBuilder();
string[] exts = extensions.Split(',');
foreach (string ext in exts)
{
extin.Append(",");
extin.Append("\"");
extin.Append(ext);
extin.Append("\"");
}
script.Append(extin.ToString().Substring(1));
}
script.AppendLine("],");
}
script.Append("FileName: \"");
script.Append(this.ClientID);
script.AppendLine("mf\",");
script.AppendLine("onIniFile: function(file){ file.value ? file.style.display = \"none\" : this.Folder.removeChild(file); },");
script.AppendLine("onEmpty: function(){ alert(\"請(qǐng)選擇一個(gè)文件\"); },");
script.AppendLine("onLimite: function(){ alert(\"最多只能同時(shí)上傳\" + this.Limit + \"個(gè)文件\"); },");
script.AppendLine("onSame: function(){ alert(\"已經(jīng)有相同文件\"); },");
script.AppendLine("onNotExtIn: function(){ alert(\"只允許上傳\" + this.ExtIn.join(\"，\") + \"文件\"); },");
script.AppendLine("onExtOut: function(){ alert(\"禁止上傳\" + this.ExtOut.join(\"，\") + \"文件\"); },");
script.AppendLine("onFail: function(file){ this.Folder.removeChild(file); },");
script.Append(@"onIni: function(){
var arrRows = [];
if(this.Files.length){
var oThis = this;
Each(this.Files, function(o){
var a = document.createElement(""a""); a.innerHTML = ""取消""; a.href = ""javascript:void(0);"";
a.onclick = function(){ oThis.Delete(o); return false; };
arrRows.push([o.value, a]);
});
} else { arrRows.push([""<font color='gray'>沒(méi)有添加文件</font>"", "" ""]); }
AddList(arrRows,""");
script.Append(this.ClientID);
script.Append("FileList\");");
script.Append(" $(\"");
script.Append(this.ClientID);
script.Append("Btndel\").disabled = this.Files.length <= 0;}});");
if (MaxFileNumbers > 0)
{
script.Append("$(\"");
script.Append(this.ClientID);
script.Append("Limit\").innerHTML = ");
script.Append(this.ClientID);
script.Append("fu.Limit;");
}
if (!IsAllowAll())
{
script.Append("$(\"");
script.Append(this.ClientID);
script.Append("Ext\").innerHTML = ");
script.Append(this.ClientID);
script.Append("fu.ExtIn.join(\"，\");");
}
script.Append("$(\"");
script.Append(this.ClientID);
script.Append("Btndel\").onclick = function(){ ");
script.Append(this.ClientID);
script.Append("fu.Clear(); }");
if (!this.Page.ClientScript.IsStartupScriptRegistered("UploadControlStartscript"))
this.Page.ClientScript.RegisterStartupScript(typeof(string), "UploadControlStartscript", script.ToString(), true);
base.OnPreRender(e);
}

當(dāng)然還需資源文件的引用。

[assembly: WebResource("Hxj.Web.UI.js.fileupload.js", "text/javascript")]
[assembly: WebResource("Hxj.Web.UI.css.fileupload.css", "text/css", PerformSubstitution = true)]
[assembly: WebResource("Hxj.Web.UI.img.fu_btn.gif", "img/gif")]

其中PerformSubstitution 屬性設(shè)置為true表示對(duì)其他資源文件有引用，這里是引用了Hxj.Web.UI.img.fu_btn.gif這個(gè)圖片。

這里的WebResource的第一個(gè)參數(shù)的組成是程序集+路徑+資源文件名。