网站首页 2024年11月 第152页

• 

  FileReader实现图片预览 fileinput预览word文档

  1.检测浏览器对FileReader兼容性的方法：if(window.FileReader){varfr=newFileReader();//addyourcodehere}else{alert("No...

  2024-11-13 hmc789 技术文章 1 ℃
• 

  谈谈图片上传及canvas压缩的流程 前端压缩图片并上传

  我们通常在做图片上传的时候都会遇上这样的情况，一是后端接口限制上传图片的大小，或者是即使后端没有限制大小，因为图片太大在前端渲染时太慢，造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。本文在gitthub做了收录：github....

  2024-11-13 hmc789 技术文章 1 ℃
• 

  Next.js+React聊天室|next.js桌面端聊天

  最近一直在捣鼓Next项目，Next.js是一个基于React.js的服务端ssr渲染框架，能够让你的react页面拥有SEO功能。Next.js的star高达58.8K+。一款非常受开发者青睐的ReactSSR框架。https://ww...

  2024-11-13 hmc789 技术文章 1 ℃
• 

  「前端知乎系列」File FileList 和 FileReader 对象详解

  更多丰富的前端学习资料，可以查看我的Github:《Leo-JavaScript》(https://github.com/pingan8787/Leo-JavaScript)，内容涵盖数据结构与算法、HTTP、Hybrid、面试题、Re...

  2024-11-13 hmc789 技术文章 1 ℃
• 

  推荐!开箱即用的前端图片压缩方案(附源码)

  前端实现图片压缩的背景我们都知道在“寸土寸金”的互联网时代,速度是第一竞争力,虽然我们的5G发展已经摇摇领先,但是也经不住用户在一个网页里传很多“巨无霸”图片,最终导致的结果就是页面“龟速”打开......那么作为技术人,当然也有...

  2024-11-13 hmc789 技术文章 1 ℃
• 

  web通过转发进行视频聊天和直播的方式简单实现

  纯属自己理解和搜刮来的实现哈哈web视频聊天的基本思路1.借助浏览器获取摄像头信息2.获取摄像头视频信息3.得到视频信息后进行编码4.服务器进行信息转发5.客户端解码进行播放web直播的基本思路1.有了视频聊天，简单的直播那就是服务器端对...

  2024-11-13 hmc789 技术文章 1 ℃
• 

  java大文件分片上传、断点续传、急速秒传

  前端部分md5.jsmd5加密varKEY="COURSE";/**Configurablevariables.Youmayneedtotweakthesetobecompatiblew...

  2024-11-13 hmc789 技术文章 1 ℃
• 

  让编辑器支持word的复制黏贴,支持截屏的黏贴

  chrome有很多人性化的API，比如拖拽，比如图片可以转化为base64等；比如知乎上面的回复中可以直接黏贴图片，就不需要手动点击图片上传按钮，选择图片，确认上传等等；知乎参考地址：打开让编辑器支持word的复制黏贴，其中图片...

  2024-11-13 hmc789 技术文章 1 ℃
• 

  Vue 大文件上传和断点续传 vue上传大文件等待时间较长

  基于文件流（form-data）element-ui框架的上传组件，就是默认基于文件流的。数据格式：form-data；传递的数据：file文件流信息；filename文件名字客户端把文件转换为base64通过fileRead....

  2024-11-13 hmc789 技术文章 1 ℃
• 

  用H5中的Canvas等技术制作海报 h5怎么制作海报

  在去年的时候也实现过合成海报的功能，不过当时时间仓促，实现的比较简单。就一个旋转功能，图片也不能拖动放大，也不能裁剪。这次有时间就实现一个功能稍微多点的海报。一、概要总共有三屏，第一屏是选择图片，第二屏是合成图片，第三屏是显示结果图，可保存...

  2024-11-13 hmc789 技术文章 1 ℃