有的文件、图片等信息可以上传到云端上,然后使用链接调用,这样会更加的方便和快捷。

<form id="form">
    <input type="file" id="input">
    <input type="text" id="text">
</form>
<button id="button">上传</button>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
    $("#button").click(function () {
        if (window.FormData){
            var FormData = new FormData();
            FormData.append("file",document.getElementById("input").files[0]);
            var XMLHttpRequest = new XMLHttpRequest();
            XMLHttpRequest.open("POST","此处为上传的接口");
            XMLHttpRequest.onload = function () {
                if (XMLHttpRequest.status === 200){
                    var response = JSON.parse(XMLHttpRequest.response);
                    $("#text").val(response.data);
                } else {
                    alert("Failure");
                }
            };
            XMLHttpRequest.send(FormData);
        }
        else {
            alert("莫名错误");
        }
    });
</script>

 

相关文章:

  • 2021-05-16
  • 2021-12-02
  • 2021-11-20
  • 2021-06-17
  • 2021-11-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-31
相关资源
相似解决方案