Question

我正在使用html文件上传控件在我的应用程序中上传文件。选择复选框控件而不是文件上传控件，我需要从本地磁盘获取文件。我在我的应用程序中使用Javascript代码。任何人都可以帮助我。

Answer 1

您可以使用FormData javascript对象https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects，但只有现代浏览器才能使用该对象。对于旧版浏览器，您可以使用iframe How to make Asynchronous(AJAX) File Upload using iframe?

Answer 2

您可以使用隐藏文件上传控件并使用JavaScript对其进行操作。我使用下面的代码允许用户选择个人资料图片并在上传之前查看它。我使用链接，但您可以将其更改为您要求的复选框：

＆＃13;

function LoadImage() {
  document.getElementById("ImageFile").click();
}

function DisplayImage(FileBrowser) {
  if (FileBrowser.files.length < 1)
    return;
  var file = FileBrowser.files[0].name;
  if (file == null || file == "")
    return;
  var reader = new FileReader();
  reader.onload = function() {
    document.getElementById("ImageDisplay").src = this.result;
  };
  reader.readAsDataURL(FileBrowser.files[0]);
}

＆＃13;

<input id="ImageFile" type="file" style="visibility: hidden; height : 0; width: 0;" onchange="DisplayImage(this);" />
<a href="javascript: void LoadImage();">
  <img id="ImageDisplay" alt="Select an image" src="" />
</a>

＆＃13;

文件上传而不使用Javascript中的文件上传控件

2 个答案: