A. uniapp框架下H5上传文件
背景：
在 uniapp 开发中， uni.chooseImage 选择文件进行上传到服务器。在 app plus 的情况加可以使用 uni.uploadFile 。但是在 H5 的条件下选择文件的格式为 blob:file:///1234567777 ，没有办法使用 uni.uploadFile 。目前可以使用 XMLHttpRequest 上传。
B. 怎么在uniapp、index.vue中导入图片
在uniapp、index.vue中导入图片的方法分别如下：
1、在uniapp导入图片的方法是在js中通过require() 引入图片（图片大小不能超过3kb）或在html中通过相对路径引入（绝对路径打包后图片不显示）。
2、在index.vue中导入图片的方法是先给图片地址绑定变量，在script中设置变量。直接将图片引入为模块，require imgUrl from "../assets/test.png"。即可完成图片的导入。
C. uniapp中使用插件进行上传附件（word,表格，图片等）
上传文章封面我是使用uniapp自带的api（uni.chooseImage）count 数量根据自己的需求来
上传文章封面js
上传附件的话官网没有自带的api，那么就需要使用插件：（插件链接: https://ext.dcloud.net.cn/plugin?id=4109 )
D. uniapp上传图片至服务器，获得在线图片链接预览（实战）
功能需求：
前端选择本地文件，将选择好的文件显示在界面上进行预览，可同时选择四张进行预览。
思路如下：
前端选择本地的png、jpg、等格式的图片，将图片以二进制的形式传到后端服务器，后端对二进制图片进行处理，返回给前端一个服务器链接在线图片，在浏览器就可以打开链接访问的那种。然后前端将这个图片链接渲染在页面进行预览。
首先
我们看一下uniapp的官方文档：
https://uniapp.dcloud.io/api/media/image?id=chooseimage
大概是这样的
先写一个模拟的demo
1：首先我是是用了colorUI的框架，在项目里面引入
在page底下的vue文件引入
这样一来，就不需要写什么样式了，直接使用写好的就行了。
效果是这样的
每次选完图片之后显示在页面上，我这里设置了最多可以选择四张，图片链接使用了临时的blob，接下来就要使用后端小伙伴给的接口，将自己本地的二进制文件传给他了。
在 chooseImage 选择好图片之后，写一个成功的回调函数，在回到函数里面添加一个图片上传的方法uploadFile，在方法里面添加url，等参数。
若是请求成功
则返回一个图片链接
添加接口之后 的，demo如下：
E. uniapp调用手机相册保存流到后台服务
没有获取相册权限。uniapp由于没有获取相册权限，就会出现调用手机相册保存流到后台服务的情况。解决方法如下：
1、首先重新启动手机，点击进入设置。
2、其次点击权限设置。
3、最后打开该程序的相册权限即可。
F. uni-app 入门到精通 （二）
18 年时候有幸接触到 uniapp , 写了一篇 《uni-app 入门到精通》 ，由于一些原因，该方案并没有执行，该项目一系列文章也就没有再写下去，所以遭受到了许多人评论的吐槽，到如今公司项目的需求又要根据 uniapp 写 H5 嵌入到 app 中，所以想根据项目实际开发分享一下，有兴趣的伙伴可以参考和吐槽。
这一篇文章主要分享一下内容
uniapp 模板项目有两种初始化方式
由于无法舍弃 VSCode ，我们采用 vue-cli 来初始化项目， HBuilderX 大家可以参照官方文档
这种方式是可以通过 vue 脚手架命令指定模板，这个是 dcloudio 的官方提供模板
我们选择默认模板即可，
成功后我们执行
打开浏览器地址，直接运行即可。
一般刚接触前端的小伙伴可能会对 postcss 不太了解，这里简单介绍一下，
当然 PostCSS 具体使用是需要引入一些插件的，例如常用的是 autoprefixer postcss-preset-env 等, 具体如何使用大家可以自行参考资料，毕竟这块知识还是挺多的就不具体展开解释了。
通常我们在写移动端时候需要做的是页面适配方案的确定， uni-app 支持的通用 css 单位包括 px、rpx ， 之前的 upx 方案已经被废弃掉，官方解释是目前市面上已经基本上支持了微信的 rpx 方案，所以 upx 中转方案已经意义不大了，不过还可以继续使用，不过已经不再推荐。
rpx 之初是由微信小程序提出一种方案，即根据宽度来进行适配以 750 宽屏幕为基准， 750rpx 恰好为屏幕宽度, uni-app 规定屏幕基准宽度 750rpx 。所以说如果你们的UI 设计以 750*1334 iphone 6/6s 为基准设计的话，你只需要将屏幕上 px 写为 rpx 即可，不用做任何换算，如果不是的话，你就需要做如下换算：
uniapp 有自己一套路由管理机制，而未采用 vue-route 方案，个人认为这套方案还是比较成熟和好用的，以及可以满足我们日常的需求:
保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
2.uni.redirectTo(OBJECT)
关闭当前页面，跳转到应用内的某个页面。
3.uni.reLaunch(OBJECT)
关闭所有页面，打开到应用内的某个页面。
注意： 如果调用了 uni.preloadPage(OBJECT)) 不会关闭，仅触发生命周期 onHide
4.uni.switchTab(OBJECT)
跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
注意： 如果调用了 uni.preloadPage(OBJECT)不会关闭，仅触发生命周期 onHide
5.uni.navigateBack(OBJECT)
关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。
5.uni.preloadPage(OBJECT)
预加载页面，是一种性能优化技术。被预载的页面，在打开时速度更快。
以上路由API 已经满足我们的需求，当然进行路由跳转的前提是我们需要在 pages.json 进行路由配置, 包括路由和具体的样式配置
而进行具体路由跳转我们需要如下，需要多加一个 /
需要特别注意的一点是, 利用浏览器 在 进行 移动H5页面调试时候，会出现页面刷新之后页面栈会消失，此时navigateBack不能返回，如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。
uniapp 提供网络请求的 api 是 uni.request ，具体支持的请求方法可以参考官网 method 有效值
不过我们通常不会直接使用，而是进过一系列的封装以方便我们的使用，具体封装接口使用会在随根据页面数据请求一并展示。
G. uni-app数据缓存
首先uni-app提供的数据缓存Storage分四种模式：
一种是set（用于存储数据）、一种是get(用于获取数据)、一种是remove
(用于移除指定数据)、最后一种是clear(清除缓存数据)
然后区分：带Sync字段是同步的，没有带的是异步。
查看缓存数据的界面面板：
谷歌浏览器--开发者工具--Application--Storage--Local Storage
上面这个面板就是进行查看数据缓存相关信息的。
下面进行异步数据缓存展示，就是没带Sync字段的，顺序：先有set模式-->get模式-->remove模式-->clear模式（一般很少用）
首先准备三个按钮，分别对应上面的三个功能： 存储数据、获取数据、移除数据
方法定义：
功能实现：
(1)存储数据
uni.setStorage(OBJECT)
这个对象里面传入一个key和一个data,你可以理解为键值对的形式，然后一个回调函数success
当我们点击“存储数据”的这个按钮时，我们来到面板就会看到数据已经缓存成功呈现在面板上。而key为键，data为值。
(2)获取数据
uni.getStorage() 用于获取缓存的数据
这里的key对应setStorage的key,然后再success回调函数里面接受res返回数据的结果，控制台输出。
(3)移除数据
一般用于移除整个数据。
回到数据缓存的面板查看，发现key为"student"的字段已经完整移除。
带Sync的,不需要指定特定的键(key)和值(data)。
以setStorageSync(key,value)为例子，同步可以直接接受参数，第一个参时就是key键，第二个参数为value值。
将上面的例子改成同步，效果是一样的。
数据缓存：
获取数据：
H. uniapptext能不能放图片
uniapptext不能放图片。你的好友给你发送一些好看的风景照时，想要保存，那么在snapchat图片怎样添加到手机相册呢?接下来小编为大伙讲述snapchat图片添加到手机相册教程，希望可以帮助到有需要的朋友。
I. uni-app项目怎么导出一个包内嵌到别的app项目或小程序中
思路应该有问题，没法直接内嵌，你需要首先分析其他的app的结构，或者小程序结构
在业务层次讲进行打通。
还有一个方案，别的 app或者小程序反编译为uniapp识别的代码，将你的糅合进去
J. uniapp 上传图片遇到的问题
昨天在测试上传图片的时候，突然发现一个很狗血的问题，就是ios选取手机里保存的图片都可以的，但是使用拍照的图片就是上传不了，一点击选取都立马弹出报错信息，我当时并不觉得是图片大小的问题，因为在安卓机上测试的时候，拍照图片也都是可以上传的，后面对图片的大小限制最多也是有10M的，最后才发现是nginx上面默认有传输大小的限制【哭笑】，最后前端上传图片之前做了压缩处理，nginx也把限制放宽，最后终于可以上传所有图片了【竖起大拇指】