广东电信DNS错误解析群晖.me域名至127.0.0.1
广东电信DNS错误解析群晖带有.me的域名，全部指向127.0.0.1。 大家自己可以ping http://test.myds.me 就知道了，无法解析到正确网址 图片中以me结束的域名都被影响，广东电信宽带无法正确解析，反倒是移动 …
月度归档： 2024 年 8 月
在 Windows 命令行中，你可以使用以下几种方法进行远程下载
在 Windows 命令行中，你可以使用以下几种方法进行远程下载： Bitsadmin命令：Bitsadmin 是 Windows 中的一个命令行工具，可以用于创建和管理后台传输作业。通过 bitsadmin 命令，你可以创建一个下载作业并 …
DIV设置浮动float以后下一个DIV要换行的方法
使用 float: left; 后导致的 div 在第二行的问题。这种问题通常是由浮动元素导致的文档流中元素布局问题。 解决方法： 使用 clear 属性：在浮动元素之后添加一个空的 div，并设置 clear: both; 来清除浮动 …
使用fetch上传压缩过的图片
要使用fetch上传压缩过的图片，你需要先将图片压缩，然后将其转换为可以上传的格式。以下是一个简单的例子，展示如何使用fetch和canvas元素压缩图片并上传：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
function compressAndUploadImage(file, uploadUrl) { // 创建一个新的FileReader对象 const reader = new FileReader(); reader.onload = function(event) { // 当图片加载完成后，将其压缩并上传 const img = new Image(); img.src = event.target.result; img.onload = function() { // 创建一个canvas元素并在其上绘制压缩后的图片 const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img, 0, 0, canvas.width, canvas.height); // 将canvas转换为blob数据 canvas.toBlob(function(blob) { // 使用fetch上传图片 const formData = new FormData(); formData.append('image', blob, 'compressed_image.jpg'); fetch(uploadUrl, { method: 'POST', body: formData }) .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); }, 'image/jpeg', 0.7); // 0.7是压缩质量，可以根据需要调整 }; }; // 读取文件并开始压缩过程 reader.readAsDataURL(file); } // 使用方法： // 假设你有一个<input type="file">元素和一个上传URL const input = document.getElementById('image-input'); const uploadUrl = 'https://your-upload-api.com/upload'; input.addEventListener('change', function(e) { compressAndUploadImage(e.target.files[0], uploadUrl); }); |
在这 …