我试图让它写入服务器上的本地文件,但我遇到了这样的问题。我让它写一个文件,然后在浏览器中读取,但我不能把它的链接,所以其他人可以在不输入信息的情况下运行弹出横幅。这是我正在使用的javascript。我知道使用选框不是最好的,但这是必需的。此外,这只需要在本地网络上工作,而不是面向互联网。这将在服务器上运行,并且服务器上文件的链接是提供给其他所有人的。更重要的是,该页面将从同一个文件夹运行。对于那个很抱歉。感谢您的帮助。
解决了我在这里找到了我的问题的答案。https://github.com/jimmywarting/StreamSaver.js
---------------Test.js file-----------
function openWin() {
var myWindow = window.open("", "MsgWindow", "width=2000,height=200,location=no,notoolbar=no,menubar=no,scrollbars=yes,left=0,top=950");
var text = document.getElementById('notebox');
var image1 = document.getElementById('image1');
var image2 = document.getElementById('image2');
var imlink = document.getElementById('imlink');
var background = document.getElementById('background');
var fontsize = document.getElementById('fontsize');
var fontcolor = document.getElementById('fontcolor');
var fonttype = document.getElementById('fonttype');
var fontspeed = document.getElementById('fontspeed');
myWindow.document.write("<marquee behavior='scroll' direction='left' scrollamount='" + fontspeed.value + "' BGCOLOR='" + background.value + "'><h1 style='font-size:" + fontsize.value + "px;color:" + fontcolor.value + ";font-family:" + fonttype.value + ";'><img src='" + image1.value + "' style='width:100px;height:100px;' > " + text.value + " <img src='" + image2.value + "' style='width:100px;height:100px;' ></h1></marquee>");
myWindow.document.close()
}
function SaveDatFileBro(localstorage) {
localstorage.root.getFile("Banner.html", {create: true});
}
--------------------------------Banner.html---------------------------------
<!DOCTYPE html>
<html>
<head>
<title>
</title>
</head>
<body>
<script src="Test.js"></script>
<table style="margin:0px auto 0px auto">
<tr>
<td><input type="button" value=" Open Banner" onclick="openWin();SaveDatFileBro()"/></td>
<td><input type="text" id="notebox" value="Enter Notification" size="120"/></td>
</tr>
<tr>
<td><input type="button" value=" Save Banner" onclick="SaveDatFileBro()"/></td>
<td>Font Color:<input type="text" id="fontcolor" value="Red"/> Font Type:<input type="text" id="fonttype" value="Times New Roman"/> Font Size:<input type="text" id="fontsize" value="130" /> Scroll Speed:<input type="text" id="fontspeed" value="25" /></td>
</tr>
<tr>
<td></td>
<td>Background Color:<input type="text" id="background" value="White" /> Leading Image:<input type="text" id="image1" value="https://vignette2.wikia.nocookie.net/uncyclopedia/images/4/44/White_square.png/revision/latest/scale-to-width-down/200?cb=20061003200043" /> Trailing Image:<input type="text" id="image2" value="https://vignette2.wikia.nocookie.net/uncyclopedia/images/4/44/White_square.png/revision/latest/scale-to-width-down/200?cb=20061003200043" /></td>
</tr>
</table>
</body>
</html>