代码拉取完成,页面将自动刷新
采用LayUI 第三方插件开发规范(https://fly.layui.com/jie/29160/)集成的plupload组件,后期将扩展成ui直接拿来即用的组件
页面元素
<button id="plupload" class="layui-btn layui-btn-normal"><i class="layui-icon layui-icon-upload"></i>上传测试</button>
<div id="hahaha" style="width:1000px;height:300px;border:1px solid #333">
拖拽上传
</div>
js部分
layui.config({
base: '../dist/mods/'
}).use('mods', function (mods) {
// pupload是扩展插件。
mods(['layer', 'form', 'pupload'], function (layer, form, pupload) {
//var $ = layui.$;
pupload.loader({
url: '/dream/file/upload?path=upload/file/',
browse_button: "plupload"
, drop_element: "hahaha"
}, function (uploader) {
console.log(uploader)
uploader.init();
});//
});
});
更多API使用方式可参考plupload官方文档( https://www.plupload.com/ )
后期将继续升级维护该组件(一系列场景的ui组件),为了防止重名,组件改名为pupload。
龚申展 - 上海梦创双杨
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。