js相容ie和chrome的檔案上傳大小校驗

阿新 • • 發佈：2019-02-02

js 檔案上傳功能在ie8和chrome下的語法會有不一樣的地方，取決於瀏覽器對file檔案物件的獲取不一樣。ie通過FileSystemObject此物件獲取，而chrome獲取$(“input[name=’file’]”).file[0].size獲取。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" src="./jquery-1.8.0.min.js"></script 
>
<script type="text/javascript"> 
var isIE = /msie/i.test(navigator.userAgent) && !window.opera; 
function fileChange(target,id) { 
    var fileSize = 0; 
    var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"]; 
    var filepath = target.value; 
    var 
 filemaxsize = 1024*2;//2M 
    var size;

    // //檔案型別校驗

    // if(filepath){
    //  var isnext = false; 
    //  var fileend = filepath.substring(filepath.indexOf(".")); 
    //  if(filetypes && filetypes.length>0){
    //      for(var i =0; i<filetypes.length;i++){ 
    //      if(filetypes[i]==fileend){ 

    //          isnext = true;
    //          break;
    //          }
    //      }
    //  }
    //  if(!isnext){ 
    //      alert("不接受此檔案型別！"); 
    //      target.value =""; 
    //      return false; 
    //  } 
    // }else{ 
    //  return false; 
    // } 

      //ie8瀏覽器下的判斷
    if (isIE && !target.files) { 
        var filePath = target.value; 
        var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); 
        if(!fileSystem.FileExists(filePath)){ 
            alert("附件不存在，請重新輸入！"); 
            return false; 
        } 
        var file = fileSystem.GetFile (filePath); 

         size = file.Size / 1024; 
        if(size>filemaxsize){ 
            alert("附件大小不能大於"+filemaxsize/1024+"M！"); 

            var obj = document.getElementById('testFile') ; 
                obj.select(); 
                document.selection.clear(); 
            return false; 
        } 
    } else { 
    //chrome瀏覽器的檔案大小校驗

        size = target.files[0].size / 1024; 

        if(size>filemaxsize){ 
            alert("附件大小不能大於"+filemaxsize/1024+"M！"); 
            target.value =""
            return false; 
        } 

    } 

    if(size<=0){ 
        alert("附件大小不能為0M！"); 
        target.value =""; 
        return false; 
    } 

} 



</script> 
</head> 
<body> 
<input type="file" id="testFile" name="contractFileName" style="width: 500px;" onchange="fileChange(this);"/> 
</body> 
</html>

js相容ie和chrome的檔案上傳大小校驗

圖片或檔案上傳md5校驗(php+iOS)

為了保證上傳圖片或檔案的完整性，通常客戶端和服務端會對圖片進行md5校驗： iOS 端：//MARK:大檔案的MD5加密 -(NSString*)fileMD5:(NSString*)path { NSFileHandle *handle = [NSFileHand

相容ie跟谷歌上傳檔案

使用到了ajaxfileupload.js外掛，但是在ie瀏覽器內遇到了問題，點選按鈕觸發file的點選事件在谷歌瀏覽器內是沒有問題的，但是到了ie瀏覽器點選以後事件完全沒有執行。最後發現ie的瀏覽器

Bootstrap fileinput.js，最好用的檔案上傳元件

本篇介紹如何使用bootstrap fileinput.js（最好用的檔案上傳元件）來進行圖片的展示，上傳，包括springMVC後端檔案儲存。一、demo 二、外掛引入 <link type="text/css" rel="stylesheet" h

相容ie8的多檔案上傳

在HTML5中，表單元素有一個新的屬性multiple，可實現多選功能。 <input type="file" multiple>這樣就可以實現多檔案上傳，但是此方法不相容ie8等低版本瀏覽器。所以專案中我使用的是百度的WebUpload外掛，此外掛在ie中底層使用flas

HTML5+ 拍照上傳和選擇檔案上傳

HTML 頁面內容包含以下標籤即可: <input id="btn_select" type="button" value="從相簿選擇" /> <inpu

Java Servlet3.0使用getPart/getParts實現單檔案和多檔案上傳

一、使用工具：（1）Firefox瀏覽器（2）Eclipse 二、實現單檔案上傳（1）Servlet 原始碼 package com.servlet; import java.io.IOExce

springmvc 單檔案和多檔案上傳,控制上傳檔案的型別

package com.xiangshuai.controller; import java.io.File; import java.io.IOException; import javax.servlet.http.HttpServletRequest; impor

ThinkPHP遇到的問題:單檔案上傳和多檔案上傳

if($_FILES['pic']['tmp_name']){ $upload = new \Think\Upload();// 例項化上傳類 $upload->maxSize

SpringBoot檔案上傳下載和多檔案上傳（圖文詳解）

最近在學習SpringBoot，以下是最近學習整理的實現檔案上傳下載的java程式碼： 1、開發環境： IDEA15+ Maven+JDK1.8 2、新建一個maven工程： 3、工程框架 4、pom.xml檔案依賴項 <proje

linux本地和伺服器檔案上傳和下載

本地檔案上傳到伺服器：scp /Users/xuqiong/PycharmProjects/keras2tf/ssrnet_3_3_3_64_1_1_morph2_age_all.pb [email protected]:/data 伺服器檔案下載到本地：scp [email

使用Ajaxfileupload外掛分別實現單檔案和多檔案上傳

一．Ajaxfileupload上傳檔案首先頁面jsp程式碼：需要引入jquery和ajaxfileupload.js <head> <meta http-equiv="Content-Type" content="text/html; charset

css隱藏滾動條，相容ie和chrome

之前隱藏滾動條一直用的::-webkit-scrollbar(chrome)和scrollbar-......-color一套(ie)。 ie下貌似只能修改顏色，於是我把它改成和背景一樣，假裝它隱藏了。。。某日在研究某站時發現了另一種思路：套個div，用ove

SpringMVC+ajaxFileUpload 相容IE瀏覽器實現非同步上傳圖片

第一次出差到深圳，幫朋友給一個專案收尾，客戶臨時要求上傳檔案的時候順便上傳封面，所以就想到用非同步上傳的方式，然後在前端預覽上傳的圖片，於是就用到了“ajaxFileUpload”這一款基於“jquery”的上傳外掛，剛拿到手的時候去網上查了一下他的用法，然後理所當然的在返

SpringMVC結合ajaxfileupload.js實現ajax無重新整理檔案上傳

一、spring mvc配置 1、web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xm

JS之——純js實現最簡單的檔案上傳(後臺使用MultipartFile)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>XMLHttpRequest上傳檔案</title> <

fileupload和cos檔案上傳技術區別

jsp檔案上傳大多采用採用開源專案來簡化處理，這裡列出常用的兩個jar包的實現，並進行比較，說明他們的優缺點和應該注意的問題。 Commons FileUpload提供三種檔案上傳處理方式，DiskFileUpload、ServletFileUpload和

chrome 檔案上傳路徑問題

今天在做匯入時，不論是什麼路徑上傳的檔案，路徑都變成了"C:\fakepath\"+檔名的形式，查詢了下，這是ie8下的安全設定問題。以下就是操作步驟：工具 -> Internet選項 -> 安全 -> 自定義級別 -> 找到“其他”中的

相容ie8的ajax檔案上傳

$(function () { $('#demo').change(function () { ajaxUpload({ id:'demo', frameName:'frameName', url:'uploa

Linux系統安裝rz/sz實現本地和伺服器檔案上傳下載

一：說明通過SecureCRT等SSH登入軟體連線伺服器，可以通過rz和sz命令上傳下載檔案，就不需要通過xftp進行檔案操作了. sz 檔名: 將選定的檔案傳送(send)到本地

js相容ie和chrome的檔案上傳大小校驗

相關推薦