최근에 WebGL을 다루고 있으며 Collada 리더가 작동하고 있습니다. 문제는 꽤 느리다는 것입니다 (Collada는 매우 장황한 형식입니다). 파일을 사용하기 쉬운 형식 (아마 JSON)으로 변환하기 시작합니다. JavaScript로 파일을 구문 분석하는 코드가 이미 있으므로 내보내기 프로그램으로도 사용할 수 있습니다! 문제가 해결되었습니다.

이제 파일을 구문 분석하고 결과를 서버로 보내고 브라우저가 서버에서 다운로드로 파일을 다시 요청할 수 있음을 알고 있습니다. 그러나 실제로 서버는이 특정 프로세스와 아무 관련이 없기 때문에 왜 관여해야합니까? 메모리에 원하는 파일의 내용이 이미 있습니다. 순수한 JavaScript를 사용하여 다운로드를 사용자에게 표시 할 수있는 방법이 있습니까? (나는 그것을 의심하지만 물어볼 수도 있습니다 …)

그리고 분명히하기 위해 : 사용자 모르게 파일 시스템에 액세스하려고하지 않습니다! 사용자는 파일 (아마 드래그 앤 드롭을 통해)을 제공하고 스크립트는 파일을 메모리로 변환하며 결과를 다운로드하라는 메시지가 표시됩니다. 브라우저에 관한 한 모든 작업은 “안전한”활동이어야합니다.

[편집] : 앞서 언급하지 않았으므로 “플래시”라고 답한 포스터는 충분히 유효하지만 내가하고있는 작업의 일부는 순수한 HTML5로 수행 할 수있는 작업을 강조하려는 시도입니다. 내 경우에는 바로. (이것은 “실제”웹 앱을하는 사람에게는 완벽하게 유효한 답변이지만) 서버를 사용하고 싶지 않다면 운이 좋지 않은 것 같습니다. 어쨌든 고마워!

답변

uriContent = "data:application/octet-stream," + encodeURIComponent(content);

newWindow = window.open(uriContent, 'neuesDokument');

function download(filename, text) {
    var pom = document.createElement('a');
    pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
    pom.setAttribute('download', filename);

    if (document.createEvent) {
        var event = document.createEvent('MouseEvents');
        event.initEvent('click', true, true);
        pom.dispatchEvent(event);
    }
    else {
        pom.click();
    }
}

download('test.txt', 'Hello world!');

var file;
var data = [];
data.push("This is a test\n");
data.push("Of creating a file\n");
data.push("In a browser\n");
var properties = {type: 'text/plain'}; // Specify the file's mime-type.
try {
  // Specify the filename using the File constructor, but ...
  file = new File(data, "file.txt", properties);
} catch (e) {
  // ... fall back to the Blob constructor if that isn't supported.
  file = new Blob(data, properties);
}
var url = URL.createObjectURL(file);
document.getElementById('link').href = url;

<a id="link" target="_blank" download="file.txt">Download</a>

function download(content, filename, contentType)
{
    if(!contentType) contentType = 'application/octet-stream';
        var a = document.createElement('a');
        var blob = new Blob([content], {'type':contentType});
        a.href = window.URL.createObjectURL(blob);
        a.download = filename;
        a.click();
}

<a download="My-FileName.txt" href="data:application/octet-stream,HELLO-WORLDDDDDDDD">Click here</a>