全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
直接把本地图片拉到你设定的图片上传成功后的位置，就ok了，具体代码如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
<meta name="keywords" content="">
<meta name="description" content="">
<style>
*{margin:0; padding:0; list-style:none;}
#box{
width: 600px;
height: 300px;
background: #ccc;
padding: 50px;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var box=document.getElementById('box');
box.ondragover=function (e){
e.preventDefault();
}
box.ondrop=function (e){
e.preventDefault();
// console.log(e.dataTransfer.files[0]);
var f=e.dataTransfer.files[0];//获取到第一个上传的文件对象
var fr=new FileReader();//实例FileReader对象
fr.readAsDataURL(f);//把上传的文件对象转换成url
fr.onload=function (e){
console.log(e);
// var Url=e.target.result;//上传文件的URL
var Url=this.result;//上传文件的URL
box.innerHTML+='<img src="'+Url+'" alt="">';
}
}
</script>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
# js拖拽上传图片
# js上传图片
# js拖拽上传
# JavaScript实现图片的放大缩小及拖拽功能示例
# 原生JS实现拖拽图片效果
# js实现使用鼠标拖拽切换图片的方法
# JS HTML5拖拽上传图片预览
# js实现图片放大和拖拽特效代码分享
# JS实现简易的图片拖拽排序实例代码
# js css3实现图片拖拽效果
# javascript 网页编辑框及拖拽图片的问题
# JavaScript实现文字与图片拖拽效果的方法
# 原生JS实现拖拽照片墙
# 上传文件
# 上传
# 到你
# 转换成
# 到第
# 大家多多
# 图片上传
# margin
# padding
# list
# style
# keywords
# content
# description
# height
# background
# px
# box
# width
# xhtml
相关文章：
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
如何选择网络建站服务器？高效建站必看指南
php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】
家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？
魔方云NAT建站如何实现端口转发？
电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？
建站主机解析：虚拟主机配置与服务器选择指南
建站之星备案是否影响网站上线时间？
网站制作多少钱一个,建一个论坛网站大约需要多少钱？
如何用好域名打造高点击率的自主建站？
香港服务器租用每月最低只需15元？
网站好制作吗知乎,网站开发好学吗？有什么技巧？
盐城做公司网站,江苏电子版退休证办理流程？
开心动漫网站制作软件下载,十分开心动画为何停播？
广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？
存储型VPS适合搭建中小型网站吗？
网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？
制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？
中山网站推广排名,中山信息港登录入口？
如何确保西部建站助手FTP传输的安全性？
微信小程序 input输入框控件详解及实例（多种示例）
,石家庄四十八中学官网？
XML的“混合内容”是什么 怎么用DTD或XSD定义
在线制作视频的网站有哪些,电脑如何制作视频短片？
如何在搬瓦工VPS快速搭建网站？
如何登录建站主机？访问步骤全解析
如何用腾讯建站主机快速创建免费网站？
如何通过可视化优化提升建站效果？
建站之星下载版如何获取与安装？
企业网站制作公司网页,推荐几家专业的天津网站制作公司？
如何快速上传自定义模板至建站之星？
如何高效利用200m空间完成建站？
高防服务器租用指南：配置选择与快速部署攻略
建站之星如何实现PC+手机+微信网站五合一建站？
南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？
攀枝花网站建设,攀枝花营业执照网上怎么年审？
微课制作网站有哪些,微课网怎么进？
如何在云指建站中生成FTP站点？
如何做静态网页,sublimetext3.0制作静态网页？
公司门户网站制作流程,华为官网怎么做？
智能起名网站制作软件有哪些,制作logo的软件？
学校为何禁止电信移动建设网站？
,制作一个手机app网站要多少钱？
公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？
再谈Python中的字符串与字符编码（推荐）
Android滚轮选择时间控件使用详解
详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）
如何在Windows 2008云服务器安全搭建网站？
建站10G流量真的够用吗？如何应对访问高峰？
广州营销型建站服务商推荐：技术优势与SEO优化解析
*请认真填写需求信息，我们会在24小时内与您取得联系。
