blocks|key|89089|text|您可以像在adeneo的答案中那样使用data:+URI，但另一种方法是使用HTML5+Blob+and+createObjectURL+(类似地，使用download属性创建下载链接)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|89090|使用createObjectURL的好处是，在大多数浏览器中，数据URI都有严格的大小限制。|89091|摘自链接文章的示例代码：|89092|var+typedArray+=+GetTheTypedArraySomehow();
var+blob+=+new+Blob([typedArray],+{type:+'application/octet-binary'});
++++//+pass+a+useful+mime+type+here
var+url+=+URL.createObjectURL(blob);
//+url+will+be+something+like:+blob:d3958f5c-0777-0845-9dcf-2cb28783acaf
//+now+you+can+use+the+url+in+any+context+that+regular+URLs+can+be+used
//+in,+for+example+img.src,+etc.|code-block|syntax|javascript|89093|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Blob^0|12|U|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>You can use a data: URI like in adeneo's answer, but another way is to use an <a href="https://developer.mozilla.org/en-US/docs/Web/API/Blob" rel="noreferrer">HTML5 Blob and createObjectURL</a> (similarly using the download attribute to create a download link).</p>

<p>The benefit of using createObjectURL is that there are severe size limits to data URIs in most browsers.</p>

<p>Example code taken from linked article:</p>

<pre><code>var typedArray = GetTheTypedArraySomehow();
var blob = new Blob([typedArray], {type: 'application/octet-binary'});
    // pass a useful mime type here
var url = URL.createObjectURL(blob);
// url will be something like: blob:d3958f5c-0777-0845-9dcf-2cb28783acaf
// now you can use the url in any context that regular URLs can be used
// in, for example img.src, etc.
</code></pre>


blocks|key|4595373|text|要存储javascript变量，我建议您使用libraries+of+data+storage+just+like+this+one。你可以设置一个变量，获取它，删除它...|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4595374|$.setData("key","value");
$.getData("key");
$.removeData("key");|code-block|syntax|javascript|4595375|但是，要将其存储在文件中并使其可下载，您必须经过服务器，除非您使用javascript技巧下载一个不存在的文件，您只需声明这些函数|4595376|+var+Download+=+
++++{
++++++++click+:+function(node)+{
++++++++++++var+ev+=+document.createEvent("MouseEvents");
++++++++++++ev.initMouseEvent("click",+true,+false,+self,+0,+0,+0,+0,+0,+false,+false,+false,+false,+0,+null);
++++++++++++return+node.dispatchEvent(ev);
++++++++},
++++++++encode+:+function(data)+{
++++++++++++++++return+'data:application/octet-stream;base64,'+%2B+btoa(+data+);
++++++++},
++++++++link+:+function(data,+name){
++++++++++++var+a+=+document.createElement('a');
++++++++++++a.download+=+name+%7C%7C+self.location.pathname.slice(self.location.pathname.lastIndexOf('/')%2B1);
++++++++++++a.href+=+data+%7C%7C+self.location.href;
++++++++++++return+a;
++++++++}
++++};
++++Download.save+=+function(data,+name)
++++{
++++++++this.click(
++++++++++++this.link(
++++++++++++++++this.encode(+data+),
++++++++++++++++name
++++++++++++)
++++++++);
++++};|4595377|当你想下载一个文件时，你可以这样做|4595378|Download.save("data+to+be+on+a+file","FileName.txt");|4595379|最后，您需要将数据存储和filedownload解决方案结合起来，以获得您所要求的结果|4595380|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/khaliid/happy-data.js^0|M|18|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|15|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|16|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|17|8|@]|9|@]|C|$]]|$1|O|3|P|5|F|7|18|8|@]|9|@]|C|$G|H]]|$1|Q|3|R|5|6|7|19|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

<p>To store a javascript variable, I suggest you to use <a href="https://github.com/khaliid/happy-data.js" rel="nofollow">libraries of data storage just like this one</a>. where you can set a variable, get it , remove it ... </p>

<pre><code>$.setData("key","value");
$.getData("key");
$.removeData("key");
</code></pre>

<p>but to store it on a file and make downloadable you have to pass by the server unless you use a javascript trick to download a file which doesn't exist, you just declare these functions</p>

<pre><code> var Download = 
    {
        click : function(node) {
            var ev = document.createEvent("MouseEvents");
            ev.initMouseEvent("click", true, false, self, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            return node.dispatchEvent(ev);
        },
        encode : function(data) {
                return 'data:application/octet-stream;base64,' + btoa( data );
        },
        link : function(data, name){
            var a = document.createElement('a');
            a.download = name || self.location.pathname.slice(self.location.pathname.lastIndexOf('/')+1);
            a.href = data || self.location.href;
            return a;
        }
    };
    Download.save = function(data, name)
    {
        this.click(
            this.link(
                this.encode( data ),
                name
            )
        );
    };
</code></pre>

<p>and when you want to download a file, you do this</p>

<pre><code>Download.save("data to be on a file","FileName.txt");
</code></pre>

<p>Finally, you need to combine the datastorage and the filedownload solution to get the result you're asking for</p>


<p>Is there a way to convert a string from a JavaScrip variable, into a downloadable file that users can download when clicking a button ?</p>
<p>Thanks for any advice.</p>
<pre><code>&lt;div id=&quot;txt&quot;&gt;Lorem Ipsum&lt;/div&gt;
&lt;br /&gt;
&lt;button id=&quot;test&quot;&gt;Download text as file !&lt;/button&gt;
</code></pre>


Is possible to save JavaScript variable as file?

数据存储

服务器

有没有一种方法可以将JavaScrip变量中的字符串转换为用户单击按钮即可下载的可下载文件？谢谢你的建议。<div id="txt">Lorem Ipsum</div><br /><button id="test">Download text as file !</button>

问可以将JavaScript变量保存为文件吗？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可以将JavaScript变量保存为文件吗？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可以将JavaScript变量保存为文件吗？
EN