自定义单文件上传组件存储过程

2022-09-27 11:26 0

image

前端使用了layui的单文件上传组件来上传文件,那么后台如何来正确存储入库呢

比如这个字段名称叫shangchuan,对应我们的后台的字段,File类型入库

image


效果代码如下:





    
    上传




来分析上面的代码

1、加载layui组件js代码

image

2、定义上传按钮的变量名称,改为字段名称

image

3、定义js上传函数的变量名称,改为字段名称

image

4、设置上传的字段id号,这个6改成图一的id号

image

5、设置扩展名

image

6、设置好了,就可以上传文件了

image

7、改变上传成功的提示信息

image

这里是上传后的提示信息,为了方便,demo是alert弹窗,你可以随便用js函数替换

咨询
微信
电话