Html5添加文件上传组件美化插件教程

一、安装

$ bower install jquery.filer

二、使用方法

<link href="./css/jquery.filer.css" type="text/css" rel="stylesheet" />

<link href="./css/themes/jquery.filer-dragdropbox-theme.css" type="text/css" rel="stylesheet" />

引入jquery和jquery.filer.min.js文件。

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script src="./js/jquery.filer.min.js"></script>

三、Html结构

<form action="./php/upload.php" method="post" enctype="multipart/form-data">

<input type="file" name="files[]" id="filer_input" multiple="multiple">

<input type="submit" value="Submit">

</form>

四、初始化插件

$(document).ready(function() {

$('#filer_input').filer();       

});

KeyMob移动端广告平台是精准稳定的无线广告、移动端广告平台，使应用开发者获得插屏广告、视频广告收入高，广告主投放移动广告、手机广告营销效果也很好，可以信任的手机广告联盟。