File tree 1 file changed +3
-3
lines changed
1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -78,14 +78,14 @@ document.querySelector('#max').textContent = maxNum;`,
78
78
79
79
### 2. 序列化文件对象
80
80
81
- 使用 ` JSON.stringify() ` 方法,将上述得到的文件对象 ` files ` 转换为 JSON 字符串,然后使用 ` window.btoa() ` 序列化该字符串并使用 ` encodeURIComponent() ` 将字符串进行编码 ,最终得到的值即为 ` hash ` 值。
81
+ 使用 ` JSON.stringify() ` 方法,将上述得到的文件对象 ` files ` 转换为 JSON 字符串,然后使用 ` window.btoa() ` 序列化将字符串进行编码 ,最终得到的值即为 ` hash ` 值。
82
82
83
83
``` js
84
- const files = encodeURIComponent ( window .btoa (JSON .stringify (files) ));
84
+ const files = window .btoa (JSON .stringify (files));
85
85
86
86
window .open (` https://play.fe-dev.cn#${ files} ` );
87
87
```
88
88
89
- 最终生成的 [ url] ( http://play.fe-dev.cn#eNo9j09PwzAMxb%2BKCYduUpcIDmh03S78OQIS44AImrIm0KImKUmKNk377jhNt5Ot5%2Feznw%2BkMVLtaB10SwpSXtw%2F363fXx4gCituylihFeZ7yYkynKAGUNZKyKHDXqsgoKqF8yqg6W39OJtzAiw52dlabq3cnyDZ%2FK202IHp9Va5AkrfCQONxAUo45mSRQVLdKZNZ770lWu6AGHfqQhY2bdqjAbQ6M66ABllWjSGBp8tEp%2Bo%2BBQbviM53hoc%2BPlIbeDLWQ1Za6XwdSQra3wYc3pYwsd1Dlc5zHO4zeHm8%2BzA2E%2B9RsOGYjsZgSnOpa16rUygv71y%2B1fVqipYN8ku0ZdNaWOMcmu1C8imJQtMlvLMtOjoj7cGEx7iF3wceE4KGJSopbRR4qQOofMFY8pr6mt2GkXrkZsjOf4D9xSi7Q%3D%3D ) 在 CodePlayer 上对应的运行效果如下图所示:
89
+ 最终生成的 [ url] ( http://play.fe-dev.cn#eyJpbmRleC5odG1sIjoiPCFET0NUWVBFIGh0bWw+XG48aHRtbCBsYW5nPVwiZW5cIj5cbiAgPGhlYWQ+XG4gICAgPG1ldGEgY2hhcnNldD1cIlVURi04XCIgLz5cbiAgPC9oZWFkPlxuICA8Ym9keT5cbiAgICA8ZGl2Pm1heCBudW1iZXI6IDxzcGFuIGlkPVwibWF4XCI+PC9zcGFuPjwvZGl2PlxuICA8L2JvZHk+XG4gIDxzY3JpcHQgdHlwZT1cIm1vZHVsZVwiPlxuICAgIGltcG9ydCAnLi9tYWluLnRzJztcbiAgPC9zY3JpcHQ+XG48L2h0bWw+IiwibWFpbi50cyI6ImltcG9ydCBfIGZyb20gJ2xvZGFzaCc7XG5jb25zdCBudW1iZXJzID0gWzIsIDEsIDgsIDksIDZdO1xuY29uc3QgbWF4TnVtID0gXy5tYXgobnVtYmVycyk7XG5kb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcjbWF4JykudGV4dENvbnRlbnQgPSBtYXhOdW07IiwiaW1wb3J0LW1hcC5qc29uIjoie1xuICBcImltcG9ydHNcIjoge1xuICAgIFwibG9kYXNoXCI6IFwiaHR0cHM6Ly9lc20uc2gvbG9kYXNoXCJcbiAgfVxufSJ9 ) 在 CodePlayer 上对应的运行效果如下图所示:
90
90
91
91
<img style =" border : 1px solid #eee ;" src =" https://github.com/zh-lx/codeplayer/assets/73059627/33743b77-e720-4a24-a56f-1142daa23491 " />
You can’t perform that action at this time.
0 commit comments