介绍 js是什么 & lt; ! doctype html>
& lt; html>
& lt; head>
& lt; meta charset=皍tf-8"祝辞
& lt; title>标题& lt;/title>
& lt; meta name=発eywords",内容=啊氨?
& lt; meta name=癲escription",内容=啊氨?
& lt; style>
,*{保证金:0;,填充:0;,list-style:没有;}
盒子,# {
,,宽度:600 px;
,,身高:300 px;
,,背景:# ccc;
,,填充:50 px;
,}
& lt;/style>
& lt;/head>
& lt; body>
,& lt; div id=癰ox"祝辞& lt;/div>
,
& lt; script>
var 盒=. getelementbyid(& # 39;盒# 39;);
box.ondragover=function (e) {
,e.preventDefault ();
}
box.ondrop=function (e) {
,e.preventDefault ();
,//console.log (e.dataTransfer.files [0]);
,var f=e.dataTransfer.files[0];//获取到第一个上传的文件对象
fr, var =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才能+=& # 39;& lt; https://www.yisu.com/zixun/img src=" + Url +”alt=" "> ';
}
}>
这篇文章将为大家详细讲解有关js怎么实现拖拽上传图片功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
js是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。
具体代码如下