使用javascript事件捕获文件上传大小并取消

Question

我有一个文件up-loader我不想检查服务器端文件的大小我需要一些孩子的监听器来获取每个时期上传的大小并检查是否允许使用java脚本和我我正在使用asp.net文件装载程序

Answer 1

AFAIK上传时没有javascript事件检查客户端的文件大小...并且因为你不想检查这个服务器端，所以答案是依赖于浏览器的，因为它需要一个客户端 - 能够满足你想要的一面javascript API。

您可以使用HTML5 + Javascript（文件API）......但请注意：有些borwsers /浏览器版本不支持此...请参阅详细信息和示例：

• http://www.html5rocks.com/en/tutorials/file/dndfiles/
• http://www.thebuzzmedia.com/html5-drag-and-drop-and-file-api-tutorial/
• https://developer.mozilla.org/en/Using_files_from_web_applications

Answer 2

我认为你无法从javascript中获取文件大小细节，你可以做什么，你可以在脚本块的帮助下从服务器端访问它。像这样。

protected void btnFileUpload1_Click(object sender, EventArgs e)
{
    int filesize; 
    filesize = FileUpload1.PostedFile.ContentLength; //to get the Size of uploaded files 
    if(filesize > yourMaxLength)
    {
           string errorScript = "<script type=\"text/javascript\">" +
         "alert('Invalid File, you cannot upload file exceeding ' + filesize );" +
                      "</script>";
         ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", errorScript);
    }
   else
   {
         //proceeed with upolad successful operation 
   }
}

Answer 3

Uploadify是用于上传文件的jQuery的一个很好的插件，它有一个非常好的事件回调集合，包含正在上传的文件和上传进度的完整信息。