html

js

function getFileType(filePath){

//獲取文件的后綴名

var startIndex = filePath.lastIndexOf(".");

if(startIndex != -1)

return filePath.substring(startIndex+1, filePath.length);

else return "";

}

function uploadFile(obj, type) {

var filePath = $("#excel_input").val();

if("" != filePath){

var fileType = getFileType(filePath);

//判斷上傳的附件是否為word文件和excel文件

if("doc"!=fileType && "docx"!=fileType && "xls"!=fileType && "xlsx"!=fileType ){

$("#excel_input").val("");

alert("請上傳表格文件");

}

else{

//獲取附件大小(單位：KB)

var fileSize = document.getElementById("excel_input").files[0].size / 1024;

if(fileSize > 500){

alert("文件大小不能超過500KB");

$("#excel_input").val("");

} else{

var formData = new FormData();

var name = $("#excel_input").val();

formData.append("excel",$("#excel_input")[0].files[0]);? // 獲取文件的內容

formData.append("name",name);? ?//文件的路徑

$.ajax({

type: 'POST',

processData : false, // 不處理發送的數據，因為data值是Formdata對象，不需要對數據做處理

contentType : false, // 不設置Content-type請求頭

url : "/admin/user/addusers",? //填你自己的路勁

data:formData,

dataType : 'json',// 返回值類型 一般設置為json

success : function(data) {// 服務器成功響應處理函數

alert("上傳成功");

// window.location.reload();//上傳成功后刷新頁面

},

error : function(data){

alert("服務器異常");

}

});

}

}

}

return false;

}

BatsingJSLib 2.3、Ajax上傳多個文件

//2.3Ajax上傳單個或多個文件 // //參數:文件的表單JD ...

框架基礎：ajax設計方案(三)--- 集成ajax上傳技術 大文件/超大文件前端切割上傳，后端進行重組

馬上要過年了,哎,回家的心情也特別的激烈.有錢沒錢,回家過年,家永遠是舔舐傷口最好的地方.新的一年繼續加油努力. 上次做了前端的ajax的上傳文件技術,支持單文件,多文件上傳,并對文件的格式和大小進行 ...

前端通信：ajax設計方案(四)--- 集成ajax上傳技術 大文件/超大文件前端切割上傳，后端進行重組

馬上要過年了,哎,回家的心情也特別的激烈.有錢沒錢,回家過年,家永遠是舔舐傷口最好的地方.新的一年繼續加油努力. 上次做了前端的ajax的上傳文件技術,支持單文件,多文件上傳,并對文件的格式和大小進行 ...

IE8/9 JQuery.Ajax 上傳文件無效

IE8/9 JQuery.Ajax 上傳文件有兩個限制: 使用 JQuery.Ajax 無法上傳文件(因為無法使用 FormData,FormData 是 HTML5 的一個特性,IE8/9 不支持) ...

asp.net MVC ajax上傳文件

普通上傳 view:

FormData對象實現文件Ajax上傳

后臺: import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; imp ...

ajax上傳文件，并檢查文件類型、檢查文件大小

1.使用ajaxfileupload.js的插件,但是對插件做了一處修改,才能夠正常使用 修改的部分如下: uploadHttpData: function (r, type) { var data ...

Ajax上傳文件進度條顯示

要實現進度條的顯示,就要知道兩個參數,上傳的大小和總文件的大小 html5提供了一個上傳過程事件,在上傳過程中不斷觸發,然后用已上傳的大 小/總大小,計算上傳的百分比,然后用這個百分比控制div框的顯 ...

偽ajax上傳文件

偽ajax上傳文件 ? 最近在折騰偽ajax異步上傳文件. 網上搜索了一下,發現大部分方法的input file控件都局限于form中,如果是在form外的呢? 必須動態生成一個臨時form和臨時if ...

隨機推薦

php中的常用數組函數(五)(數組中獲取鍵名集合)

array_keys($arr, $search_value, $strict); --數組中獲取鍵名的集合. //參數1 要檢索的數組:參數2 要檢索的鍵值 默認NULL: 參數3 是否嚴格比較(= ...

python中x的平方

x ** 2 sqdEvens = [x ** 2 for x in range(8) if not x % 2] for i in sqdEvens: print(i) 0 4 16 36 > ...

Matlab單一變量曲線擬合-cftool

2.啟動曲線擬合工具箱>cftool 3.進入曲線擬合工具箱界面“Curve Fitting tool”(1)點擊“Data”按鈕,彈出“Data”窗口:(2)利用X data和Y data的下 ...

如何在Eclipse中配置Tomcat

1.Eclipse EE 配置Tomcat Eclipse EE 主要用于Java Web開發和J2EE項目開發.Eclipse EE中配置Tomcat比較簡單,新建一個Tomcat Server即可 ...

編寫可維護的javascript代碼--- 2015.11.22(注釋)

1.單行注釋 // 這是一句單行注釋 2.多行注釋 /* 這里是代碼 */? ?? /*? 這里都是注釋 1232132? */? ? ? java的注釋風格 /* * 另一段注釋 * 這段注釋包含2 ...

什么是JS事件冒泡

什么是JS事件冒泡??在一個對象上觸發某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理程序,那么此事件就會調用這個處理程序,如果沒有定義此事件處理程序或者事件返回true,那么這個 ...

【轉載】從頭編寫 asp.net core 2.0 web api 基礎框架 (2)

Github源碼地址是:?https://github.com/solenovex/Building-asp.net-core-2-web-api-starter-template-from-scra ...

【代碼筆記】Web-CSS-CSS 鏈接(link)

一,效果圖. 二,代碼.

...

bzoj 3566

非常好也是比較難的題 首先,不難看出這是一道樹形的概率dp 那么我們就要考慮轉移 我們發現,一個點能充上電的概率是這個點本身通電的概率+這個點的子節點給他傳過來電的概率+這個點的父節點給他傳過來電的概 ...

【LeetCode-面試算法經典-Java實現】【062-Unique Paths(唯一路徑)】

[062-Unique Paths(唯一路徑)] [LeetCode-面試算法經典-Java實現][全部題目文件夾索引] 原題 A robot is located at the top-left c ...

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的上传html 0字节,HTML ajax 上传文件限制文件的类型和文件大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。