这篇具有很好参考价值的文章主要介绍了uniapp 开发小程序，封装一个方法，让图片使用线上地址。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
复制使用：文章来源：https://www.toymoban.com/news/detail-681620.html
// 图片使用网络地址
Vue.prototype.localImgSrc = function(img){
//项目的地址域名，例如百度
return "https://baidu.cn/static/index/images/" + img;
}
文章来源地址https://www.toymoban.com/news/detail-681620.html
<image :src="localImgSrc('bg@2x.png')" mode=""></image>
到了这里，关于uniapp 开发小程序，封装一个方法，让图片使用线上地址的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
封装editor组件，放三个文件夹 editor.vue文件是主要封装代码 editor-icon.css文件样式 到此封装就完毕了，以下是单个页面引入！！！！ //导入地址 最后效果如下,编辑器一共四排，这边隐藏了一排，可以上下滑动
可以上传图片和视频，并且都可以删除，图片可以预览。
第一步：安装axios及适配器 安装依赖 需要注意使用uniapp-vue3版本时axios的版本需要0.26.0以下，建议锁版本 axios-miniprogram-adapter 这个依赖主要是适配小程序网络请求的适配器，为了解决uniapp 适配axios请求，避免报adapter is not a function错误 第二步：axios二次封装 在utils文件下新建
项目是用uniapp开发的，当时只是做App端，后来项目扩展到H5端， uniapp框架可以跨平台所以移动端和H5使用的是一套代码 上传头像的时候要求图片的大小在2MB一下，所以要压缩图片，App端当时使用的是uni.compressImage(OBJECT)压缩的（详情见：https://uniapp.dcloud.net.cn/api/media/image.html#
正常网络图片或本地图片可以使用 uni.downloadFile 或者 uni.getImageInfo api进行处理，最后使用 uni.saveImageToPhotosAlbum 进行处理， 保存base64图片需要使用 uni.getFileSystemManager().writeFile 写入文件，成功后调用 uni.saveImageToPhotosAlbum getImageInfo downloadFile ** 注意：使用此方法要删除掉返回数据
前言：之前小程序做的图表，当时没找到太多使用echarts的教程，大多都是二次封装的。连uniapp都是推荐别人二次封装的图表，然后用了之后呢，发现不是自己想要的效果（也许是自己对别人二次封装的代码不够熟悉吧 ），然后干脆摸索下uniapp引入echarts图表（非他人封装的）
小程序上传图片，或者拍照上传图片，并附带兼容H5上传图片方法，压缩图片。 支持选择相册和拍照，可以使用uniapp提供的api，当然也可以自己去封装自己想要的样式，我这里直接是使用了uni的方法。 uni.chooseImage 配置 sourceType: [\\\'album\\\', \\\'camera\\\'] 压缩图片主要用canvas提供的api
图例：红框区域，使其标题区与胶囊对齐 希望我的愚见能够帮助你哦~，若有不足之处，还望指出，你们有更好的解决方法，欢迎大家在评论区下方留言支持，大家一起相互学习参考呀~
官网链接：editor | uni-app官网 (dcloud.net.cn)
