首页 | 1640 | 492 | 246 | 添加收藏 上一个 下一个
可拖拽和带预览图的jQuery文件上传插件ssi-uploader

简要教程


ssi-uploader是一款带预览图并且可以拖拽文件的jQuery ajax文件上传插件。该文件上传插件支持AJAX,支持多文件上传,可控制上的文件格式和文件大小,提供各种回调函数,使用非常方便。


安装


可以通过bower或npm来安装ssi-uploader文件上传插件。


bower install ssi-uploader
npm install ssi-uploader

使用方法


在页面中引入ssi-uploader.css和ssi-uploader.js文件。


<link rel="stylesheet" href="path/to/ssi-uploader.css">
<script src="path/to/ssi-uploader.js"></script>

HTML结构


最基本的文件上传HTML结构是使用一个<input>元素,类型为file,并指定一个id。


<input type="file" multiple id="ssi-upload"/>

初始化插件


在页面DOM元素加载完毕之后,可以通过ssi_uploader方法来初始化该文件上传插件。


$('#ssi-upload').ssi_uploader({
    url: 'path/to/upload.php'
});