使用uni-app实现点击上传既可以上传視频,有可以上传图片图片预览,删除图片和视频功能最终效果如下。uni-app里面没有提供同时上传视频和图片这个插件只能靠自己手写,
通过uni-app提供的标签进行页面布局,这里就不多讲了uni-app提供的有这个案例,可以直接把他们的样式拷贝过来修改一下就行
1.在data定义一些变量
3.通过使用uni-app提供的api?显示操作菜单,在methods写这个方法通过判断来,选择的是图片还是视频根据选择的tabindex选择,然后调用对应的方法即可
5.图爿预览功能urls必须要接受的是一个数组
6.点击图片删除功能,点击对应的图片根据index索引值进行删除
以上都是实现这个功能的所有代码。
夲文参与欢迎正在阅读的你也加入,一起分享
优酷PC客户端,看片免广告!
将启用PC客户端下载视频