esp8226和javascript

时间:2018-08-22 17:03:44

标签: javascript html arduino esp8266 arduino-esp8266

我正在尝试为esp8226 html js创建UI,ajax一切正常,但是当我尝试上传固件(uxx.bin)文件时,它不起作用。 参考:https://github.com/jeelabs/esp-link/blob/master/html/flash.js

注意:我使用wifi连接到同一网络,并且html页面加载得很好。

我正在尝试上传两个文件1-> uxx.bin 一旦上传,重定向到下一页并上传2-> uyy.bin

这是代码

HTML

<form id="file-form" action="uxx.bin" method="POST">
  <input type="file" id="file-select" name="user[]" multiple/>
  <button type="submit" id="upload-button">Upload</button>
</form>

var form = document.getElementById('file-form');
var fileSelect = document.getElementById('file-select');
var uploadButton = document.getElementById('upload-button');
form.onsubmit = function(event) {
  event.preventDefault();

  // Update button text.
  uploadButton.innerHTML = 'Uploading...';
var files = fileSelect.files;
var formData = new FormData();
for (var i = 0; i < files.length; i++) {
  var file = files[i];

  // Check the file type.
  if (!file.type.match('image.*')) {
    continue;
  }

  // Add the file to the request.
  formData.append('user[]', file, file.name);
}
var xhr = new XMLHttpRequest();
xhr.open('POST', 'uxx.bin', true);
xhr.onload = function () {
  if (xhr.status === 200) {
    // File(s) uploaded.
    uploadButton.innerHTML = 'Upload';
  } else {
    alert('An error occurred!');
  }
};
xhr.send(formData);

如果任何人都可以采用正确的方法进行指导:-)

0 个答案:

没有答案