js生成缩略图并将其put

好的，您可以使用 JavaScript 中的 Canvas API 生成缩略图，并使用 AJAX 将其上传到服务器。

以下是生成缩略图的代码示例：

// 获取原图片
var originalImg = document.getElementById("original-img");

// 创建 Canvas 元素
var canvas = document.createElement("canvas");
canvas.width = 100; // 缩略图宽度
canvas.height = 100; // 缩略图高度

// 获取 Canvas 上下文
var ctx = canvas.getContext("2d");

// 在 Canvas 上绘制缩略图
ctx.drawImage(originalImg, 0, 0, canvas.width, canvas.height);

// 将 Canvas 转换为 Base64 编码的图片数据
var thumbnailData = canvas.toDataURL("image/jpeg");

// 将缩略图数据上传到服务器
var xhr = new XMLHttpRequest();
xhr.open("PUT", "/path/to/upload", true);
xhr.send(thumbnailData);

请注意，上传到服务器的缩略图数据是 Base64 编码的字符串，需要在服务器端进行解码才能得到原始图片数据。另外，上传的方式可能因服务器端的不同而有所不同，上述代码仅供参考。