要使用ASP.NET的uploadify,您需要按照以下步驟進行操作:
下載并引用uploadify插件。您可以從官方網站(https://www.uploadify.com/)下載插件,并將其引用到您的項目中。
在您的ASP.NET頁面中添加一個文件上傳的HTML元素,例如:
<input type="file" name="fileUpload" id="fileUpload" />
$(function () {
// 初始化uploadify插件
$('#fileUpload').uploadify({
'swf': '/uploadify/uploadify.swf', // uploadify.swf文件的路徑
'uploader': '/UploadHandler.ashx', // 處理上傳的文件的路徑
'buttonText': '選擇文件', // 上傳按鈕的文本
'auto': true, // 自動上傳文件
'onUploadSuccess': function (file, data, response) {
// 上傳成功后的回調函數
alert('文件上傳成功!');
},
// 其他配置項...
});
});
public class UploadHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
HttpPostedFile file = context.Request.Files["Filedata"]; // 獲取上傳的文件
string savePath = context.Server.MapPath("~/Uploads/") + file.FileName; // 保存文件的路徑
file.SaveAs(savePath); // 保存文件
}
public bool IsReusable
{
get { return false; }
}
}
上述代碼中,保存文件的路徑為~/Uploads/,您可以根據實際需求更改。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/uploadify/jquery.uploadify.min.js"></script>
請注意,您需要根據實際情況引用jQuery和uploadify的文件路徑。
通過以上步驟,您就可以在ASP.NET中使用uploadify插件了。當用戶選擇文件并點擊上傳按鈕時,插件會自動將文件上傳到服務器,并觸發onUploadSuccess回調函數進行處理。