# 上傳處理 * HTML多張圖片上傳案例 ~~~ <div class="input_4" id="question_img"> <div class="up_button"> <a> <input type="file" name="question_img" multiple="multiple" up_max=2 up_num=4 note='問題照片' accept="image/*" /> <div class="img"><i class="v8 sbh-tupian"></i></div> <div class="font"><b>上傳圖片</b></div> </a> </div> </div> <!-- 壓縮容器 --> <img id="yasuo_img" style="display: none;" /> ~~~ * HTML參數 ~~~ name 上傳元素name值(注:不可使用[]) up_max 上傳大小上限(默認上限2M) up_num 上傳數量限制(默認9個) multiple 批量上傳開關(1多張0單張) ~~~ * css案例 ~~~ /* 上傳圖標 */ .input_4{width: 94%; margin: auto 3%; display: inline-block; overflow: hidden;} .input_4 .slt div{width: 23%; height: 80px !important; float: left; margin: 5px 1%; text-align: center;} .input_4 .slt img{max-width: 100%; max-height: 80px;} .input_4 .up_button{width: 23% !important; height: 80px; border: 1px dashed #CCCCCC; border-radius: 10px; overflow: hidden; margin: 5px 1%; display: inline-block;} .input_4 .up_button a{width: 100%; height: 100%; position: relative; margin: auto; cursor: pointer; overflow: hidden; display: inline-block; zoom: 1; text-align: center; color: #C0C0C0;} .input_4 .up_button a input{position: absolute; top: 0; left: 0; opacity: 0; font-size: 50px;} .input_4 .up_button a .img{height: 50px;} .input_4 .up_button a .img i{font-size: 30px; line-height: 65px;} .input_4 .up_button a .font{} .input_4 .up_button a .font b{font-size: 12px;} ~~~ * JS案例 ~~~ document.addEventListener('plusready', function(){ net_upload({'form':'form'}); }); ~~~