uni-app开发微信小程序引入iconfont上传的时候提示文件无法上传

最新推荐文章于 2024-07-16 16:38:55 发布
最新推荐文章于 2024-07-16 16:38:55 发布
阅读量1.7k 收藏 1
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_35958891/article/details/108660484
版权

现象

在微信开发者工具上显示正常，但是点击微信开发者工具的预览时会提示.ttf等文件上传失败

解决办法

将存放在static目录下的iconfont文件转移到其他的文件夹项目，比如我在根目录建了个style
在这里插入图片描述
在这里插入图片描述

九段刀客
关注
使用uni-app搭建微信小程序
Stephy_Yy
06-21 2863
0 问题待解决 import { } 与否 为什么要封装 对齐问题 每次重启项目，sitemap就会消失 动态修改标题失效 图片问题多多 ：高度自适应 改成image固定高度，mode：aspectFill 微信小程序文档 b站视频链接 后端接口文档 一、知识点 uni-app 是一个使用 Vue.js语法来开发所有前端应用的框架 项目技术栈：js+vue+微信小程序+uni-app 750rpx = 屏幕宽度（微信小程序） 100vw = 屏幕宽度（H5） 100vh = 屏幕高度（H5） 微信小程
【uni-app】uni-app-微信小程序项目笔记
wy233333的博客
04-03 1877
目录1. 项目搭建1.1 新建项目1.2 新增 tabbar 页面1.4 uni-api 1. 项目搭建 1.1 新建项目 创建项目 vue create -p dcloudio/uni-preset-vue dnpicture 安装 sass依赖 npm install sass-loader node-sass 1.2 新增 tabbar 页面 1.4 uni-api ...
Uniapp引入confont的不显示和无法上传到小程序
简单Cere
03-21 1029
uni-app 支持使用字体图标，使用方式与普通 web 项目相同，需要注意以下几点： ● 字体文件小于 40kb，uni-app 会自动将其转化为 base64 格式； ● 字体文件大于等于 40kb， 需开发者自己转换，否则使用将不生效； ● 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径。 方法一 1.下载iconfont 否则上传会出现这个问题，字体文件没有被打包上传 2.修改字体路径 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径 方法二 试用外部地址直接访问，删除woff和tt
uniapp 小程序编译时, iconfont.css 等 部分文件无法上传
weixin_44852765的博客
01-06 1180
出现问题: 真机预览无法显示阿里字体图标 解决办法： 正常操作： 将存放在static根目录下的字体文件转移到其他的文件夹项目，比如我在根目录建了个 font中, 如图: 最后在app.vue 中全局引入
【uniapp微信小程序】自定义使用FormData文件上传
最新发布
cnsv的博客
07-16 979
微信小程序formdata多文件上传
uniapp 分包 [获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取
weixin_46806380的博客
10-19 4920
uniapp 分包 [获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取。
uni-app开发微信小程序上传提示以下文件没有被打包上传
fbqgdxw的博客
03-04 6256
解决方案： 1、将根目录static下的font文件转移到其他的文件夹项目，比如我在根目录建了个style目录。 2、将font文件夹及里面的文件拷贝过去@import url('/style/iconfont/iconfont.css'); 3、iconfont.css中 @font-face { font-family: "iconfont"; /* Project id 2557476 */ src: url('~@/style/font/iconfont.woff2?t=...
微信小程序中 iconfont真机不显示问题 以及打包的时候提示文件没有被打包上传
LJJONESEED的博客
06-16 1802
微信小程序中 iconfont真机不显示问题网址：https://transfonter.org/ 到这个网址把 iconfont的ttf文件进行base64转换 下载之后：打开stylesheet.css文件 然后复制src:url一整段。 把自己src中的ttf引入替换成复制的就可以显示了。.........
uni-app开发介绍
b523606163的博客
05-26 3290
在学习uni-app前，建议开发者先学习Vue.js框架，因为uni-app基于Vue.js框架开发。若您已经熟悉Vue.js，则可以开始学习uni-app了。uni-app使用HTML、CSS和JavaScript编写应用程序，您可以通过使用Vue.js的语法以及Uni-app提供的组件和API来构建应用程序。在学习uni-app时，建议同时了解应用开发的相关知识，如应用的生命周期、页面布局、事件绑定及其响应等。这些知识将帮助您更好地理解Uni-app的实现原理和应用开发流程。
uni-app跨平台开发
o1dkdj的博客
06-15 778
Uni-app 框架提供了许多平台原生的 UI 控件和 API 的访问，但是这些控件和 API 在不同平台之间的支持和表现情况会有所不同，因此我们需要注意在编写代码时尽量避免使用不同平台独有的 API 或特性，同时要特别关注不同平台之间的差异，以便在不同平台上运行时代码能够正确地工作。Uni-app 运行在多个平台上，每个平台的特点是不同的。最后，总体来说，Uni-app 的跨平台开发提供了许多可能性和便利性，但也需要在搭建过程中注意兼容性问题，同时进行版本控制和测试，从而确保应用程序能够稳定地运行。
微信小程序/uni-app中自定义顶部导航栏
Syleapn的博客
07-30 2万+
一、项目目录结构 说明： 1、components目录用于存放自定义组件，bar是一个自定义组件，封装了小程序顶部自定义导航栏。 1>由于顶部导航栏大多页面都需要，所以最好封装成一个组件，直接引入，这也就引发了第二个需求。 2>有时，在一个项目中，有些页面的导航栏可能不一样，所以此时我们应该尽可能的考虑到需求，然后封装，在页面更改值来达到不同...
uniapp前端单文件上传JAVA后台接收实现（亲测）
10-16
uniapp前端单文件上传JAVA后台接收实现（亲测），看了些文档，亲测了一天，后面还有多页面上传文档代码上传哦
微信小程序 wx.uploadFile无法上传解决办法
08-31
主要介绍了微信小程序 wx.uploadFile无法上传解决办法的相关资料,需要的朋友可以参考下
.woff字体上传后无效的解决方案，同时包含:@font-face 未能完成opentype嵌入权限检查。权限必须是可安装的解决方案
易寒的专栏
01-20 1万+
随着移动网络的兴起，移动版网站图标大行其道。图片标由于体积大，对速度不够友好。所以现在较普遍的做法是做字体代替，当时前提是浏览器要支持CSS3。 字体图标较著名的是fontawesome-webfont.woff。 由于WOFF微软的IIS并不支持，所以当我们把使用此字体的网站发布到IIS上以后，会发现图标不见了。经过网络跟踪可以看到404错误。 这是因为.woff在IIS没有类型映
uniapp微信小程序上传失败分包处理
weixin_67434908的博客
05-23 734
微信小程序上传代码的时候主包过大或者文件过大就会导致报错上传失败这个时候我们就要用到分包首先我们在根目录下创建一个pagesB文件夹，用来放置需要分包的页面把比较大的文件直接拉过去pagesB里面，pages里就没有这个文件了，然后配置路由需要注意的是，它和pages里的路由地址的差距就是没有前缀，看我以上配置的是分包里面的路由两个包的页面分开了，分开了之后，需修改路由跳转的路径即可 比如pages里的某个文件要跳转到pagesB里的某个文件，需要精确查找。
【uniapp小程序】uploadFile文件上传
热门推荐
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
08-21 2万+
上节中我们讲到小程序的request请求，掌握了基本的网络请求方式，这节我们通过小程序的uploadFile接口能力完成对小程序上传操作（uni.uploadFile，后端php接口），通过这一节你可以学习到php的上传接口的写法，以及如何配合前端完成一个小程序上传操作✨✨欢迎订阅本专栏或者关注我，大家一起努力每天一题算法题✨✨❤️❤️❤️ 最后，希望我的这篇文章能对你的有所帮助！愿自己还有你在未来的日子，保持学习，保持进步，保持热爱，奔赴山海！❤️❤️❤️。
微信小程序中使用iconfont遇到的坑(以下文件没有被打包上传)
云中客的博客
12-02 9072
最近公司需要做个小程序项目参加创新大赛（祖传开头，最近公司xxx），那就抽空花了2个工时撸出了一个简单的小应用，写的过程中发现小程序和正常的前端项目还是有不少区别的。其中花费时间最多的是研究怎么在小程序中使用iconfont。 这里我记录下摸索的过程： 1.和正常的前端代码一样，在入口的html文件（我使用的是mpvue，如果使用小程序原生标签应该也是类似的...
微信小程序iconfont字体图标文件无法上传问题
qq_41591368的博客
04-18 2093
最近在写毕业设计的时候，因为微信小程序本身的字体图标无法满足我的开发需求，但是在引入之后发现开发工具预览没问题但是真机调试就出现了问题， 在查阅资料后找到了解决的办法。我将原本放在static下的字体图标文件换到了style下 之后重新导入 这样就解决了问题。造成这个问题的原因是微信小程序在编译的时候有一个白名单， 只有这些文件可以上传，放在static下的话会作为静态文件，不在白名单内所以不会上传。 ...
uni-app 文件上传实战：适配多平台
qq_22232065的博客
07-15 3024
在文件上传方面，不同平台存在显著的差异。小程序：对文件类型和大小限制严格，以保障性能和用户体验。文件选择接口特定，且在安卓和 iOS 系统可能存在差异和 bug。需关注网络状况，做好重试和错误提示机制。快应用：文件类型和大小的限制与其他平台有所不同，需提前了解规范。运行环境特殊，对文件路径处理和权限获取有特定要求，且用户交互设计需更简洁直观。App 端：若选择非媒体文件，需借助特定插件。若选择特定目录下的文件，可通过相关 API 实现。H5 端。
uni-app开发微信小程序登录模块：模拟授权弹框实现
"这篇教程详细介绍了如何在使用uni-app开发微信小程序时处理登录模块，特别是针对微信小程序官方更新后，wx.getUserInfo接口无法直接弹出授权询问框的问题。开发者需要采取新的策略，如使用<button open-type=...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

九段刀客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值