我的代码不工作,我确信这是因为代码不正确。我想让提交按钮显示使用JSmol的分子的图片。帮帮忙!??
<script>
var Info = {
width: 550,
height: 550,
serverURL: "http://chemapps.stolaf.edu/jmol/jsmol/jsmol.php ",
use: "HTML5 WEBGL JAVA",
j2sPath: "jsmol/j2s",
script: "load 1BNA.pdb; set spin x 15; set spin y 15; set spin z 15; spin on;
wireframe on; spacefill off",
console: "jmolApplet0_infodiv"
}
</script>
<form>
Select a file: <input type="file" name="usr_file" required>
<input type="submit" onclick="myFunction(Info)">
</form>
<p id="upload"></p>
<script>
function myFunction() {
var x = document.getElementById("Info").required;
document.getElementById("upload").innerHTML = x;
}
</script>
发布于 2018-08-14 08:22:47
我的答案可能有点错,但我在我的vuejs component中使用了相同的逻辑。
在输入更改事件中,我捕获了事件,因此可以从中获取文件( onFilesUpload函数)。然后我使用FileReader
( createImage函数)创建图像,然后将e.target.result
推送到我的images
数组。然后,您可以将图像结果设置为<img src="image_path" />
https://stackoverflow.com/questions/51831814
复制相似问题