欢迎分享,转载请注明来源:夏雨云
功能需求: 前端选择本地文件,将选择好的文件显示在界面上进行预览,可同时选择四张进行预览。 思路如下: 前端选择本地的png、jpg、等格式的图片,将图片以二进制的形式传到后端服务器,后端对二进制图片进行处理,返回给前端一个服务器链接在线图片,在浏览器就可以打开链接访问的那种。然后前端将这个图片链接渲染在页面进行预览。 首先 我们看一下uniapp的官方文档:https://uniapp.dcloud.io/api/media/image?id=chooseimage大概是这样的 先写一个模拟的demo 1:首先我是是用了colorUI的框架,在项目里面引入 在page底下的vue文件引入 这样一来,就不需要写什么样式了,直接使用写好的就行了。 效果是这样的 每次选完图片之后显示在页面上,我这里设置了最多可以选择四张,图片链接使用了临时的blob,接下来就要使用后端小伙伴给的接口,将自己本地的二进制文件传给他了。 在 chooseImage 选择好图片之后,写一个成功的回调函数,在回到函数里面添加一个图片上传的方法uploadFile,在方法里面添加url,等参数。 若是请求成功 则返回一个图片链接 添加接口之后 的,demo如下:一次性给。在uni-app中,当我们需要让请求的数据进行懒加载后端数据时,服务器会一次返回100条数据,但是可分批加载,一次加载50条,500ms后进行下一次加载减少组件数量、减少节点嵌套层级。
赞
(0)
打赏
微信扫一扫
支付宝扫一扫
深圳诚行天下商显技术有限公司还招聘SEO优化专员吗?
上一篇
2023-06-17
青岛推广代理加盟SEO网络优化哪家公司可以做?
下一篇2023-06-17
评论列表(0条)