layui upload插件实现本地预览图片,点击事件之后再上传图片

1.首先先看upload参数,大概就能了解能实现的功能
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.这里用官方的例子来改

layui.use(['upload', 'form', 'element', 'layer'], function () {
   
   var form = layui.form
       ,upload = layui.upload
     ,element = layui.element
     ,layer = layui.layer;

   //常规使用 - 普通图片上传
   var uploadInst = upload.render({
   
       elem: '#test1'
       ,url: '/{
   {url_pre}}/admin/book_add' //改成您自己的上传接口
       ,headers:{
   "X-CSRFToken":"{
   { csrf_token() }}"}
       ,auto: false  //选择文件后不自动上传
       ,bindAction: '#submitBtn'
       ,choose: function(obj){
   
           //预读本地文件示例,不支持ie8
           obj.preview(function(index, file, result){
   
               $('#demo1').attr
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值