簡單專案之批量上傳

之前做一小專案中需要批量上傳功能，以前都是用的網上現成的uploadify、webupload等外掛程式，心想既然是小專案還是不用外掛程式，所以不如自己寫乙個（非外掛程式）.

1.頁面

批量上傳頁面

1

美化上傳按鈕

1    2                     3                     選擇檔案

4                 

檔案列表

1 .filediv

2.指令碼

選擇檔案

1 function upload() 

13         })
14     }
15     else )
21         //向元素附加已選擇的資料
22         $("#filelist").data("data", fsarray);
23     }
24     $("#scts").css("color", "green").text("已選擇" + fsarray.length + "個檔案");
25 }

刪除檔案

1 function delpdf(obj)

3.上傳

1   if (!$("#formid").validate().form()) return false;

2                 var fd = new formdata($("#formid")[0]);
3                 if ($("#wfile").outerhtml)  else 
8                 for (var i = 0; i < $("#filelist").data("data").length; i++) 
11                 $.ajax(
23                         else 
26                     },
27                     error: function (xhr) 
30                 })

Redux之react redux簡單專案入門

注意 已經安裝了react官方腳手架 進行修改 第一步 importfrom react redux 引入react redux importstorefrom store index 作用 把store提供給所有的元件實現store共享 conststore reactdom.render doc...

Vue 簡單專案搭建

1.全域性安裝vue cli腳手架 2.建立乙個webpack模板專案 命令 vue init webpack my project 說明 project name 專案名稱 my project project description 專案描述 author 作者 vue build 打包方式，回...

013 Spring簡單專案搭建

在專案真實開發過程中，框架使用太多，已經不知道spring的最簡形式和原理了，在此記錄學習過程 controller在springboot中直接標註，然後就可以進專案的介面訪問，但是在springmvc的架構中不是這樣 dispatchcerservlet是spring實現的核心元件，其原理決定了為...