js上传图片

本文将介绍如何使用JavaScript在前端实现图片上传功能,包括文件选择、预览、上传到服务器等步骤,同时涉及File API和Ajax等相关技术。
摘要由CSDN通过智能技术生成

        <div class="my-box">
			<img src="img/01.png"/>
			 <input type="file" id="file" />
			<h4>欢迎您</h4>
			<button onclick="logOut()">退出登录</button>
		</div>
		
		<script type="text/javascript">
			//判断是否登录
			if(!localStorage.getItem("name")){
				window.location.href="login.html";
			}
			//退出
			function logOut(){
				localStorage.setItem("name","");
				window.location.reload();
			}
			//上传图像
			var file = document.getElementById('file');
            var image = document.querySelector("img");
            //判断是否有头像
            if(localStorage.getItem('src')){
            	image.setAttribute("src", localStorage.getItem('src'));
            }
            //改变头像
            file.onchange = function() {
                var fileData = th
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值