前端 图片base 64
java等比例压缩图片
1、如果上传图片过大，有好几兆，甚至几十兆，那么用java代码处理一下，等比例压缩成指定像素大小。 比如，一张1920*1880像素的图片，有9.7M。 处理后的效果：长宽与原来一样，只是像素变小，自定义指定为800*600像素，最后图片只有970KB，连一M都没有 压缩代码： public sta ......
Python_Gradio与前端开发
Gradio Blocks是Gradio的低级API，它允许你创建比Interfaces更多的自定义web应用程序和演示。 简单来说就是比Interfaces更灵活。 一般使用上下文管理，示例代码如下： 代码 import gradio as gr with gr.Blocks() as demo: ......
使用WangEditor编辑器使用图片上传功能
使用WangEditor编辑器上传图片的一些注意事项 首先就是前端的HTML与JS（2021-07-15 20:46:22）WangEditor的优点是不用引入CSS文件只需要引入一个js文件-wangEditor.jsHTML只需要一个DIV块即可 <div class="Comm-User-Wr ......
前端生成二维码
import QRCode from 'qrcode'; QRCode.toDataURL(res.data.qrcodeUrl, { margin: 2, type: 'image/jpeg', quality: 0.3 }, (error, url) => { if (error) consol ......
饿了么组件上传图片 element-ui upload Cannot set property ‘status‘ of null错误解决方案
element-ui upload Cannot set property ‘status‘ of null错误解决方案：https://blog.csdn.net/a1455990364/article/details/109227132?spm=1001.2101.3001.6650.8&utm ......
Qt/C++摄像头采集/二维码解析/同时采集多路/图片传输/分辨率帧率可调/自动重连
一、前言 本地摄像头的采集可以有多种方式，一般本地摄像头会通过USB的方式连接，在嵌入式上可能大部分是CMOS之类的软带的接口，这些都统称本地摄像头，和网络摄像头最大区别就是一个是通过网络来通信，一个是直接本地通信。本地摄像机的采集可以用qcamera来做，但是qcamera类在很多平台没有实现，比 ......
键盘钩子在64位系统中运行
using Newtonsoft.Json; using System; using System.Collections.Generic; using System.ComponentModel; using System.Diagnostics; using System.Linq; using ......
零基础电气专业毕业生，花费9.9元自学前端，成都月薪6.5K
介绍 毕业于成都理工电气专业，大学毕业后进入了一家电气公司，月薪2000元。一直对互联网行业感兴趣，但由于没有相关专业背景，所以一直没有勇气转行。 转行契机 公司的书记想搞一个内部生产管理系统，看我们4个应届毕业生每天都在打酱油，就找到我们想让我们研究一下看能不能做出这个系统（公司里面没有搞IT的） ......
Socket.D 替代 Http 协议像 Ajax 一样开发前端接口
我们在"前端接口"开发时，使用 socket.d 协议有什么好处：更安全！现有的工具想抓包数据，难！难！难！（socket.d 是个新的二进制协议） ......
system32和sysWOW64有什么区别？
system32 和 SysWOW64 是 Windows 操作系统中的两个目录，它们在不同的系统架构和应用程序位数之间有着特定的用途。 system32: system32 目录通常位于 C:\Windows\system32 下，是 Windows 操作系统的一个核心系统目录。 在 64位版本的 ......
微信小程序使用rich-text 里面图片预览下载问题
方案：将html文本里面的图片地址保留起来，然后做一个长按事件，放手后进行预览图片地址（缺点：无法确定长按的是那一张，全部展示） html <view class="text-content" style="max-height: max-content;"> <rich-text bindtouc ......
前端开发好用的工具/插件
1、swiper动画（动画效果挺平滑） https://www.swiper.com.cn/ 演示（https://www.swiper.com.cn/demo/index.html#effect-coverflow） 2、二维码生成器 草料二维码：https://cli.im/ 3、icon使用 ......
前端工程师初级、中级、高级最好的进阶路线图！
作为一个前端工作近10年的老司机，帮你整理了前端5阶提升的技能图，想升职加薪学技能，看我这一篇就够了！ 一位出色的前端工程师，一定要会具备阅读规范文档和阅读别人的代码和时刻学习的习惯，再加上一些常见的技术栈，基本上两三年就能到达中高级的水平，一线城市能拿到30K的offer不成问题的！ 至于初级，中 ......
前端多文件打包下载方案
npm install jszip file-saver --save import JSZip from 'jszip' import { saveAs } from 'file-saver' export const downloadFiles = (fileUrls, folderName = ......
uniapp实现背景颜色跟随图片主题色变化（多端兼容）
最近做 uniapp 项目时遇到一个需求，要求模仿腾讯视频 app 首页的背景颜色跟随 banner 图片的主题颜色变化，并且还要兼容 H5、APP、微信小程序三端。 由于项目的技术栈为 uniapp，所以以下使用 uni-ui 的组件库作为栗子。 需求分析 腾讯视频 app 效果如下： 从上图看出 ......
vue3 vue-cropper实现图片裁剪+上传功能（组件封装使用）
效果（CV 即用） 1.安装引入 vue-cropper（官网）官网地址 npm install vue-cropper@next import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; 2. 全局引 ......
前端调取摄像头并实现拍照功能
前言： 最近接到的一个需求十分有意思，设计整体实现了前端仿微信扫一扫的功能。整理了一下思路，做一个分享。 tips: 如果想要实现完整扫一扫的功能，你需要掌握一些前置知识，这次先讲如何实现拍照并且保存的功能。 一. window.navigator 你想调取手机的摄像头，首先你得先检验当前设备是否有 ......
记录H5中使用手机端摄像头拍照存储Base64格式图片
前面把openssl配置好了，现在在手机端就可以输入https://ip:port访问我的应用客户端了，今天在测试的过程中发现一些问题。 问题一：手机端点开后发现是前置摄像头。 需要加个video的配置项，facingMode:{exact:"environment"} 这个加了之后，在pc端打开摄 ......
vue图片由小放大
原生效果 <template> <div> <transition> <img :src="imageUrl" class="image" /> </transition> </div> </template> <script> import imageUrl from "../assets/bac ......
PNG 图片转PDF
安装依赖包 iTextSharp-LGPL-Core（1.2.0） #region iTextSharp 合并多个PDF /// <param name="SourcePath">源路径</param> /// <param name="TargetPath">目标路径</param> /// <p ......
vue通过elementUI组件实现图片预览效果 点击按钮后触发
<el-image ref="elImage" style="width: 0; height: 0;" :src="bigImageUrl" :preview-src-list="logicImageList"></el-image> detialClick(img) { this.$nextTi ......
js图片下载方式
1、文件流格式下载 创建 a 标签下载文件流格式图片 /** * 创建 <a> 标签下载文件流格式图片 * @param file * @param fileName */ export const downloadFile = (file: string, fileName?: string) = ......
Windows开机自启动程序的位置(XP、Win71011、x64)
我们经常会遇到许多不请自来自己启动的程序，还有许多是我们不想让它启动的程序，为了便于管理，故列出Windows可以使程序自动启动的位置。 文件夹 1. 当前用户专有的“启动”文件夹 比较常用的一个位置，“X:\Documents and Settings\<用户名字>“开始”菜单\程序\启动”，或者 ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
base64的编码和解码
base64介绍 base64是编码解码方式，而不是加密方式 使用方法 首先需要导入base64模块 import base64 base64编码： 只能转换bytes格式数据 base64.b64encode(转换数据.encode('utf-8')) base64解码： base64编码可能需要 ......
安装office时显示已经有32位如何解决？(无法安装64位版本office)
现在的电脑系统都是64位居多，安装的软件也都是优先安装64位，但是有用户在安装64位office时收到提示无法安装64位office，因为电脑中找到32位程序，这是怎么回事？下面就来看看无法安装office提示已安装32位解决方法。 解决方法： 1、首先使用命令打开注册表。按键盘上的windows+ ......
scrapy爬取图片时遇到错误：ValueError: Missing scheme in request url: //scpic3.chinaz.net/Files/pic/pic9/202103
错误原因是在请求资源的时候没有使用完整的url只向//scpic3.chinaz.net/Files/pic/pic9/202103发送了资源请求，而完整的资源地址需要前面加上https:所以在pipelines.py文件的get_media_requests方法中，在发送request请求时修改为 ......