Ajax 请求在客户端用 JS 处理文件

Question

这是一个非常笼统的问题：

我想从服务器下载一个文件，该文件仅在通过 AJAX 请求（例如使用 jQuery）在服务器上完成一些依赖于输入的处理后才可用。但是，我不想将该文件作为浏览器中的下载显式传递给用户。

相反，我想使用该文件来显示一些我想在 JavaScript 中在客户端创建的图形，因为它们是动态的（具体来说，可以由用户使用滑块修改).作为后端，我正在使用 Django。

任何 thoughts/code 关于如何准确地做到这一点，或者为什么我想象的管道不是一个好主意的原因？

Answer 1

此代码从服务器检索照片作为 blob，然后将 SRC 设置为它 when/where 需要。

       xmlhttp.open('GET', PHOTO_URL, true);
       xmlhttp.responseType = 'blob';

       xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4) {
                if (xmlhttp.status == 200) {
                    var blob = xmlhttp.response;
                    photoImg.src = window.URL.createObjectURL(blob);
                    setTimeout(setOnCampusImage,0);     
                } else {
                    photoImg.src = 'unknown.png';
                }
            }
        }

Ajax 请求在客户端用 JS 处理文件

Ajax request for file to be processed in JS on client-side

javascript

django

ajax

jquery

file-handling