如何解决如何在Nodejs中使用socket.io刷新ejs网页?
我正在开发一个基于Nodejs(服务器)和ejs(网页)的小功能,并希望在更改滑块值后触发更新内容(此处为img)的网页刷新。我正在使用socket.io用更改后的滑块值通知Nodejs后端,其中Nodejs端对img进行了一些处理,然后使用处理后的img刷新相同的网页。我尝试了多种触发刷新的方法,但始终失败。谁能帮忙吗?非常感谢你。这是代码的核心部分:
- ejs(网页):
<form action="" method="POST" enctype="multipart/form-data">
<input id="slider" type="range" min="1" max="100" step="1" value="10">
</form>
<script src="/socket.io/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script>
var socket = io();
$(function () {
$('#slider').on("input",function(){
var val = $(this).val();
socket.emit('slider_change',val);
});
});
</script>
<img src="<%= typeof file != 'undefined' ? file : '' %>" class="responsive-img">
- Nodejs(服务器)
io.on('connection',function(socket) {
socket.on('slider_change',function(val,req,res) {
...
sharp(input_img)
.resize(300,200)
.toFile(processed_img,function(err,processed_img) {
// want to refresh the webpage with the processed_img but cannot make it happen
});
}
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。