在JavaScript中加載動態CSS

Question

我有一個別人在他們的網站上使用的javascript文件。 它創建一個按鈕並加載托管在我們服務器上的css文件：

style.setAttribute('href', 'http://mysite.com/assets/some.css');

用戶可以在其站點中調用它，如下所示：

<script type="text/javascript" src="http://mysite.com/global.js"></script>

我想讓用戶能夠在自己的Web應用程序上上傳自己的CSS文件，該文件將替換我在global.js設置的global.js 。

當前，我在“ Users表中添加了一個custom_css:binary列，該列將保存CSS文件，但這需要用戶保持登錄狀態。 我不確定這是否是解決此問題的正確方法，或者是否有更好的方法。 此外，此方法有哪些安全風險？

我在后端使用RoR。

任何幫助將是巨大的！

更新1

我能夠存儲上載的JS文件並加載自定義CSS，但是當前正在檢查current_user這意味着不會為用戶呈現樣式表。 我該如何解決？

Answer 1

我自己能夠找到解決方案。

有幾種方法可以解決此問題：

1. 將查詢字符串添加到JS src
2. 在頁面上抓取腳本生成的特定元素

我選擇了選項1。當我檢測到動態生成的查詢字符串時，將其發送到params哈希中的控制器，並相應地加載css文件。