`
alisdame
  • 浏览: 7518 次
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

js读取二进制文件,发送给服务器

阅读更多
1.读取文件
    以拖拽的形式添加文件:
document.addEventListener('dragover', function(e){
    e.stopPropagation();
    e.preventDefault(); // 这里是为了取消浏览器自带的拖拽事件
}, false);
document.addEventListener('drop', function(e){
    e.stopPropagation();
    e.preventDefault();
    var file = e.dataTransfer.files[0]; // file就是需要传输的文件
}, false);

2.发送文件
    使用web socket发送文件
var url = '...'; // url是server中配置好的Web Socket的地址
var socket = new WebSocket(url);
socket.send(file);

3.接收文件
public class MyWebSocket extends WebSocketServlet {
    @Override
    protected StreamInbound createWebSocketInbound(String arg0,
        final HttpServletRequest request) {
        return new MessageInbound() {
            @Override
            protected void onTextMessage(CharBuffer buffer) throws IOException {}

            @Override
            protected void onBinaryMessage(CharBuffer buffer) throws IOException {
                byte[] data = new byte[buffer.remaining()];
                buffer.get(data); // 接收成功,file的内容存入了data数组中
            }
        };
    }
}
分享到:
评论

相关推荐

    JavaScript读二进制文件并用ajax传输二进制流的方法

    以下是一份详细的指南,涵盖了如何在JavaScript中读取二进制文件以及使用Ajax传输二进制流。 首先,HTML部分通常会包含一个文件输入元素,允许用户选择要上传的文件。例如: ```html ;margin-left: 20px;margin-...

    原生JS上传文件,获取文件二进制数据及文件大小和文件名称

    本知识点将深入探讨如何使用原生JavaScript实现文件上传,获取文件的二进制数据、大小以及文件名称。 首先,我们需要一个HTML元素,通常是`<input type="file">`,用于让用户选择要上传的文件。例如: ```html ``...

    web前端js显示后台接口pdf二进制流文件

    在这个场景中,"web前端js显示后台接口pdf二进制流文件"涉及到的技术点主要包括Web浏览器如何通过JavaScript处理从服务器获取的PDF二进制流数据,以及如何利用特定的库如PDF.js来在浏览器中直接展示PDF内容。...

    asp二进制下载文件

    在这个场景下,"asp二进制下载文件"指的是通过ASP程序以二进制模式来处理文件下载的过程,这通常是为了确保数据在传输过程中不被改变。 本地下载是指用户通过浏览器从Web服务器上获取文件并将其存储到本地计算机上...

    图片二进制存入数据&从数据库中读取图片显示

    - **读取二进制数据**:通过调用`BinaryReader`的`ReadBytes`方法,可以将图片文件的全部内容读取到一个字节数组中。 #### 2. 将二进制数据插入数据库 一旦图片被转换为二进制数据,就可以将其存储在数据库中。在这...

    js 二进制文件转临时文件并上传到服务器

    综上所述,实现“js 二进制文件转临时文件并上传到服务器”涉及多个JavaScript API的使用,包括FileReader、Blob、fetch、URL.createObjectURL等,以及对服务器端处理的理解。通过理解这些知识点,开发者可以构建出...

    网站二进制文件上传

    3. **文件读取**:前端JavaScript将文件转换为二进制数据,这是通过FileReader API实现的。这个API可以读取文件内容,并将其转化为ArrayBuffer或Blob对象,以便于发送到服务器。 4. **异步上传**:使用...

    JS幻想 读取二进制文件第1/2页

    ### 知识点一:JavaScript读取二进制文件的难点 在Web开发中,JavaScript通常被用于处理网页上的文本文件,例如读取文本文件内容到Web页面上进行显示或编辑。然而,当需要处理二进制文件时,JavaScript显得力不从心...

    jscript读写二进制文件的方法

    2. BinaryFile类:这个类封装了读取和写入二进制文件的方法。它包含了两个方法:WriteAll和ReadAll。WriteAll方法接受一个内容作为参数,然后将这个内容写入到指定路径的文件中。ReadAll方法则从指定路径读取文件...

    二进制流形式上传图片,然后前台显示图片示例(vs2005+sql2005)

    服务器端的代码(如C#或VB.NET)会接收到文件,并读取其内容为二进制流。 三、数据库设计 在SQL2005中,可以使用`VARBINARY(MAX)`或`IMAGE`(已被弃用)数据类型来存储二进制流。创建一个包含图片ID、图片名称和...

    Node.js-JBB可以把Web数据封装成二进制格式的文件可以存储任意的二进制数据

    标题中的“Node.js-JBB”指的是一个基于Node.js的库,名为JBB(可能是JavaScript Binary Buffer的缩写),它的主要功能是将Web数据转换为二进制格式的文件,以便于高效存储和处理任意类型的二进制数据。这种技术对于...

    用于运行WebAssembly二进制文件的PHP扩展

    2. **加载阶段**:PHP扩展负责加载和解析.wasm文件,这通常涉及到读取二进制格式并将其转换为内部可执行结构。 3. **调用阶段**:PHP代码可以通过扩展提供的API直接调用WASM模块中的函数,实现跨语言交互。 4. **...

    javascript 读取本地文件

    在探讨“JavaScript读取本地文件”的主题时,我们主要聚焦于如何利用JavaScript在浏览器环境中读取用户计算机上的本地文件。这种功能在很多场景下都极为有用,比如在上传文件前预览其内容、数据导入导出操作等。下面...

    applet实现网络下载生成二进制文件

    本文将深入探讨如何使用Applet来实现网络下载,并生成二进制文件,特别关注如何优化大量数据库数据的批量下载,以提高下载速度。 首先,我们需要了解为什么使用Applet来进行网络下载。通常,网页上的文件下载是通过...

    以二进制流的形式在网页上输出WMA格式的视频

    1. **服务器端处理**:在服务器端,我们需要读取WMA文件并将其转化为二进制流。这通常可以通过编程语言如Java、Python、C#或PHP实现,它们都提供了读取文件并处理二进制数据的功能。例如,使用Node.js的`fs`模块读取...

    在vue中使用axios实现post方式获取二进制流下载文件(实例代码)

    在Vue.js应用中,使用axios库来实现POST方式获取二进制流并下载文件是一个常见的需求,特别是当需要从服务器获取如Excel、PDF等特定格式的文件时。本篇文章将详细解析这一过程,并提供相关代码实例。 首先,我们来...

    pdf.js使用文件流预览pdf

    PDF.js支持文件流预览,意味着我们可以从服务器获取PDF的数据流,然后逐步解析和显示内容,而不需要等待整个文件下载完成。 要使用PDF.js实现文件流预览PDF,我们需要以下几个步骤: 1. **设置项目环境**:由于...

    C#,BLOB读取操作

    C# 中的 BLOB(Binary Large OBject)读取操作是指从数据库中读取二进制数据的过程。BLOB 是一种二进制数据类型,用于存储大规模的二进制数据,如图片、音频、视频等。在 C# 中,我们可以使用 FileStream 对象来读取...

    前端js解析/读取excel文件

    它支持读取二进制文件、Base64编码的数据以及从URL直接加载。其官方示例网站http://oss.sheetjs.com/js-xlsx/提供了丰富的例子和文档,是学习和使用该库的好资源。 要开始使用`js-xlsx`,首先需要引入库文件。你...

    HTTP二进制

    在前端,可以通过`fetch`或`XMLHttpRequest` API发送和接收二进制数据,而在后端,如Node.js环境中,可以使用`fs`模块读写文件,配合`Buffer`对象处理二进制数据。 在提供的压缩包文件"activiti-sample"中,可能...

Global site tag (gtag.js) - Google Analytics