图片上传插件,支持多选(纯原生js)

tinyImgUpload

一个灵活的图片上传插件,支持预览和异步上传图片,并且不依赖jQuery等js库。
A flexible and independent image upload plugin that can preview and upload image asynchronously.

使用方法

执行tinyImgUpload方法   tinyImgUpload(ele, options)
@param ele [string] [生成组件的元素的选择器]
@param options [Object] [对组件设置的基本参数]
options具体参数如下

path 图片上传的地址路径 必需 onSuccess(res) 文件上传成功后的回调 参数为返回的文本 必需 onFailure(res) 文件上传失败后的回调 参数为返回的文本 必需

@return [function] [执行图片上传的函数]

示例
用户引入插件代码后,只需要像下面这样,设置一些参数,然后执行一个方法就生成一个图片上传组件。

<div id="upload"></div> // 这是用来生成图片上传组件的div

<script> // 设置参数 var options = { path: '/', // 上传图片时指定的地址路径,类似form变淡的action属性 onSuccess: function (res) { // 上传成功后执行的方法,res是接收的ajax响应内容 console.log(res); }, onFailure: function (res) { // 上传失败后执行的方法,res是接收的ajax响应内容 console.log(res); } } // 执行生成图片上传插件的方法, 第一个参数是上面提到的准备生成组件的div选择器,第二个参数是设置的组件信息,执行方法后返回一个函数指针,指向执行上传功能的函数,通过把执行上传功能的函数暴露出来,用户就可以自己控制何时上传图片了。 var upload = tinyImgUpload('#upload', options); </script>

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。