Compressor.js 是一个基于 JavaScript 的轻量级图片压缩库(仅4KB),无需后端支持即可在浏览器端实现高质量的图片压缩。它通过Canvas实现图片处理,支持调整压缩质量、尺寸缩放、格式转换等核心功能。
2025年06月30日
Compressor.js 是一个基于 JavaScript 的轻量级图片压缩库(仅4KB),无需后端支持即可在浏览器端实现高质量的图片压缩。它通过Canvas实现图片处理,支持调整压缩质量、尺寸缩放、格式转换等核心功能。
2025年06月30日
本文转载自微信公众号「全栈修仙之路」,作者阿宝哥。转载本文请联系全栈修仙之路公众号。
在日常工作中,文件上传是一个很常见的功能。在上传文件时,我们可以选择上传单个文件,也可以通过设置 multiple 属性来上传多个文件。
2024年12月30日
HttpServletRequest 其实就是 tomcat 为我们封装的请求对象;
HttpServletRequest 是 ServletRequest 接口的子接口,表示 HTTP 协议的请求对象;包含了获取各自请求信息的方法;
2024年12月30日
作者 | huangfuyk
责编 | 王晓曼
出品 | CSDN 博客
VUE的生命周期钩子函数:就是指在一个组件从创建到销毁的过程自动执行的函数,包含组件的变化。可以分为:创建、挂载、更新、销毁四个模块。
注:在组件的整个生命周期内,钩子函数都是可被自动调用的,且生命周期函数的执行顺序与书写的顺序无关。
图示:
BeforeCreate
2024年12月30日
什么是HTML5
官方概念:HTML5草案的前身名为Web Applications 1.0,是作为下一代互联网标准,用于取代html4与xhtml1 的新一代标准版本,所以叫html5。它增加了新的标签和属性,加强了网页的标准、语义化与web表现性能,同时还增加了本地数据库等 Web 应用的功能。
广义概念:HTML5代表浏览器端技术的一个发展阶段。在这个阶段,浏览器呈现技术得到了一个飞跃发展和广泛支持,它包括:HTML5,CSS3,Javascript,API在内的一套技术组合
2024年12月30日
在Web应用中,由于大多数文件的上传都是通过表单的形式提交给服务器的,因此,要想在程序中实现文件上传的功能,首先得创建一个用于提交上传文件的表单页面。需要注意的是,为了使Servlet程序可以获取到上传文件的数据,需要将表单页面的method属性设置为post方式,enctype属性设置为“multipart/form-data”类型,添加文件的input标签类型设置为file类型。示例如下:
2024年12月30日
凌晨3:31家里打来电话 奶奶走了 ,可是并不能回去。用一些整理的笔记来纪念吧 虽然奶奶看不懂,如果手头有黑白的那张照片 我一定会用canvas 画一张悼词。
说正题吧,主要的就是一些HTML 5 API 的使用 也是借鉴别人的博客 ,和MDN(中文部分的还是能看的懂) 上面的一些东西
具体的代码在 有道云笔记里面也有。
先把总得列出来
1、Canvas绘图
学完这个 自己准备写一个贪吃蛇的 结果技术不到家 就只写了一个类似于原来老式手机的屏幕校准 下一篇就上代码
2024年12月30日
在 JavaScript 中,可以通过 input 标签和 FileReader API 来实现上传文件并判断文件类型的功能。以下是一个简单的示例: HTML 代码:
htmlCopy code
<input type="file" id="fileInput" onchange="checkFileType()">
2024年12月30日
Input DatetimeLocal 对象
Input DatetimeLocal 对象是 HTML5 新增的。
Input DatetimeLocal 对象表示使用 type="datetime-local" 的 HTML <input> 元素。
注意:Internet Explorer 或 Firefox 浏览器不支持 <input> 元素。
2024年12月30日
文件上传如果加上进度条会有更好的用户体验(尤其是中大型文件),本文使用Nodejs配合前端完成这个功能。
前端我们使用 FormData 来作为载体发送数据。
<input type="file" id="file" />
<!-- 进度条 -->
<progress id="progress" value="0" max="100"></progress>