function previewImage(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { var img = document.createElement("img"); img.src = e.target.result; img.alt = "照片"; img.onclick = function () { showPopup(img.src); }; input.parentNode.appendChild(img); input.style.display = "none"; // 隐藏原始的input元素 }; reader.readAsDataURL(input.files[0]); } } function showPopup(imageSrc) { var popup = document.createElement("div"); var popupImg = document.createElement("img"); var scale = 1; // 设置弹出窗口中的图片 popupImg.src = imageSrc; popupImg.style.transform = `scale(${scale})`; // 设置悬浮窗样式 popup.style.position = "fixed"; popup.style.top = "50%"; popup.style.left = "50%"; popup.style.transform = "translate(-50%, -50%)"; popup.style.backgroundColor = "white"; popup.style.padding = "20px"; popup.style.zIndex = "9999"; // 添加图片到悬浮窗 popup.appendChild(popupImg); document.body.appendChild(popup); // 添加点击事件监听器，点击其他区域时隐藏弹出窗口 popup.onclick = function () { popup.style.display = "none"; }我的弹窗只需要铺满当前页面的80%，剩余空白处设置成透明

要实现弹窗只铺满当前页面的80%并将剩余空白处设置为透明，您可以按照以下步骤进行操作：

1. 在`showPopup`函数中修改弹出窗口的样式。
2. 将弹出窗口的宽度设置为当前页面宽度的80%。
3. 将弹出窗口的高度设置为当前页面高度的80%。
4. 将弹出窗口的左边距设置为当前页面宽度的10%。
5. 将弹出窗口的上边距设置为当前页面高度的10%。
6. 将弹出窗口的背景颜色设置为透明。

以下是修改后的示例代码：

function showPopup(imageSrc) {
  var popup = document.createElement("div");
  var popupImg = document.createElement("img");
  var scale = 1;

  // 设置弹出窗口中的图片
  popupImg.src = imageSrc;
  popupImg.style.transform = `scale(${scale})`;

  // 设置悬浮窗样式
  popup.style.position = "fixed";
  popup.style.top = "10%";
  popup.style.left = "10%";
  popup.style.width = "80%";
  popup.style.height = "80%";
  popup.style.backgroundColor = "transparent";
  popup.style.zIndex = "9999";

  // 添加图片到悬浮窗
  popup.appendChild(popupImg);
  document.body.appendChild(popup);

  // 添加点击事件监听器，点击其他区域时隐藏弹出窗口
  popup.onclick = function () {
    popup.style.display = "none";
  };

  // 添加滚轮事件监听器，实现缩放功能
  popup.onwheel = function (event) {
    event.preventDefault();
    scale += event.deltaY * -0.01;
    scale = Math.max(0.5, scale); // 设置最小缩放比例
    scale = Math.min(3, scale); // 设置最大缩放比例
    popupImg.style.transform = `scale(${scale})`;
  };
}

这样，弹出窗口会铺满当前页面的80%，并将剩余空白处设置为透明。

希望对您有所帮助！如果您有任何其他问题，请随时提问。