

HTML5＋SpringBootで勉強をしています。

HTMLからjavasript側に以下のようにデータを渡しています。

[code]

    th:onclick="|show('${test.data1}', '${test.data2}');|
    
[/code]

渡すデータが小さい場合特に問題なく値がわたっているのですが、  
（jsファイルにブレイクを張って確認できました）  
画像データのようにサイズが大きな場合、以下のようなエラーが出てしまいます。

大きなデータをjavascript側に渡す方法は何かありますでしょうか。

[code]

    SyntaxError: unterminated string literal
    
[/code]

〇jsファイル

[code]

    function show(data1, data2) {
    }
    
[/code]


CC BY-SA 3.0
2016-08-16T09:03:28.403
28313
2018-08-26T15:26:08.960
12842
question
javascript html5
HTMLからjavascriptにサイズの大きなデータを渡したいです


`画像データのようにサイズが大きな`ファイルを参照する場合、HTMLに埋め込んでしまうと（JavaScriptにせよ、HTMLにせよ、Base64にせよ）ページ全体の読み込みが遅れてしまうため、
**別ファイル、またはAPIを用意し、そちらへの参照を渡すようにする** のが一般的な構成だと考えます。

また、蛇足ですが `SyntaxError: unterminated string literal`
は以下のいずれかが原因のエラーであり、サイズの問題ではなさそうです。

> このエラーを修正するためには、次の点をチェックしてください：
>
>   * 文字列リテラルのために、クオート（シングルかダブル）の開始と終了を行っている。
>   * 文字列リテラルを正しくエスケープしている。
>   * 文字列リテラルが複数行に分けられていない。
>

>
>
> <https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Errors/Unterminated_string_literal>


CC BY-SA 4.0
2018-08-26T15:02:43.813
47824
2018-08-26T15:26:08.960
2018-08-26T15:26:08.960
29826
29826
28313
answer