自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

前端~锋小张

学海无涯

博客等级

码龄8年

63
原创

90
点赞

203
收藏

291
粉丝

关注

私信

热门文章

分类专栏

最新评论

rem自适应布局用法及详解
歪罗君: 老哥，手机端和pc需要各写一个rem样式去做自适应吗
ant-design. a-table 内容换行显示
CSDN-Ada助手: 不知道 Java 技能树是否可以帮到你：https://edu.csdn.net/skill/java?utm_source=AI_act_java
echarts 渲染航线图
2201_75923386: 你好，可以分享json的数据吗
react 框架redux 使用教程
2201_75456053: HotRoutes是啥
js实现图片压缩上传
超级码吏: [code=html] <!DOCTYPE html> <html lang="zh"> <head> <title>前端图片压缩</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <input type="file" id="file" accept="image/*"> <script src="https://unpkg.com/[email protected]"></script> <script type="text/javascript"> window.onload = function() { const img = document.querySelector("#img"); document.getElementById('file').addEventListener('change', (e) => { const file = e.target.files[0]; console.log("压缩前：", file); if (!file) { return; } new Compressor(file, { success(result) { console.log("压缩后：", result); /* const formData = new FormData(); formData.append('file', result, result.name); axios.post('/upload', formData).then(() => { console.log('上传成功'); }); */ }, error(err) { console.log(err); }, }); }); } </script> </body> </htm [/code]

antv

关注

关注数：文章数：2 文章阅读量：8737 文章收藏量：9

作者: 锋小张

talk is cheap, show me the code!

展开

专栏收录文章