文件上传 图片上传 客户端图片上传到服务器

简介: 文件上传 图片上传 客户端图片上传到服务器
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        #c{
            width: 300px;
            height: 300px;
        }
        #b{
            display: none
        }
    </style>
</head>
<body>
    <label for="b" id="a">
        <img src="D://a.jpg" id="c">
    </label>
    <input type="file" name="" id="b">
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
    $("#b").change(function(){
        var file_obj = $(this)[0].files[0]
        var reader = new FileReader()
        reader.readAsDataURL(file_obj)
        reader.onload=function(){
            $("#c").attr("src",reader.result)
            console.log(reader.result)
            console.log("结束")
        }
        
        
    })
</script>
</body>
</html>
相关文章
|
17天前
|
Python
Socket学习笔记(二):python通过socket实现客户端到服务器端的图片传输
使用Python的socket库实现客户端到服务器端的图片传输,包括客户端和服务器端的代码实现,以及传输结果的展示。
85 3
Socket学习笔记(二):python通过socket实现客户端到服务器端的图片传输
|
17天前
|
JSON 数据格式 Python
Socket学习笔记(一):python通过socket实现客户端到服务器端的文件传输
本文介绍了如何使用Python的socket模块实现客户端到服务器端的文件传输,包括客户端发送文件信息和内容,服务器端接收并保存文件的完整过程。
74 1
Socket学习笔记(一):python通过socket实现客户端到服务器端的文件传输
|
23天前
使用Netty实现文件传输的HTTP服务器和客户端
本文通过详细的代码示例,展示了如何使用Netty框架实现一个文件传输的HTTP服务器和客户端,包括服务端的文件处理和客户端的文件请求与接收。
29 1
使用Netty实现文件传输的HTTP服务器和客户端
|
15天前
|
网络协议 Unix Linux
一个.NET开源、快速、低延迟的异步套接字服务器和客户端库
一个.NET开源、快速、低延迟的异步套接字服务器和客户端库
|
22天前
|
网络协议 Java API
【网络】TCP回显服务器和客户端的构造,以及相关bug解决方法
【网络】TCP回显服务器和客户端的构造,以及相关bug解决方法
51 2
|
22天前
|
存储 网络协议 Java
【网络】UDP回显服务器和客户端的构造,以及连接流程
【网络】UDP回显服务器和客户端的构造,以及连接流程
48 2
|
11天前
|
安全 区块链 数据库
|
23天前
|
存储 网络协议 Unix
docker的底层原理一:客户端-服务器架构
本文详细解释了Docker的客户端-服务器架构,包括常驻后台的Docker守护进程、通过命令行接口发送请求的Docker客户端、以及它们之间通过Unix socket或网络接口进行的通信。
13 0
|
3月前
|
Java
Java使用FileInputStream&&FileOutputStream模拟客户端向服务器端上传文件(单线程)
Java使用FileInputStream&&FileOutputStream模拟客户端向服务器端上传文件(单线程)
76 1
|
3月前
|
存储 JavaScript 前端开发
Vue中实现图片上传,上传后的图片回显,存储图片到服务器 【使用对象存储OSS】
这篇文章介绍了在Vue中实现图片上传到阿里云OSS对象存储服务的完整流程,包括服务端签名直传的前提知识、后端设置、前端组件封装以及图片上传和回显的效果展示。