怎样用html5实现拖拽上传文件

，首先要判断拖入的文件是否符合要求，包括图片类型、大小等，然后获取本地图片信息，实现预览，最后上传。

为祁东等地区用户提供了全套网页设计制作服务，及祁东网站建设行业解决方案。主营业务为成都网站建设、做网站、祁东网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

$(function(){

...接上部分

var box = document.getElementById('drop_area'); //拖拽区域

box.addEventListener("drop",function(e){

e.preventDefault(); //取消默认浏览器拖拽效果

var fileList = e.dataTransfer.files; //获取文件对象

//检测是否是拖拽文件到页面的操作

if(fileList.length == 0){

return false;

}

//检测文件是不是图片

if(fileList[0].type.indexOf('image') === -1){

alert("您拖的不是图片！");

return false;

}

//拖拉图片到浏览器，可以实现预览功能

var img = window.webkitURL.createObjectURL(fileList[0]);

var filename = fileList[0].name; //图片名称

var filesize = Math.floor((fileList[0].size)/1024);

if(filesize500){

alert("上传大小不能超过500K.");

return false;

}

var str = "img src='"+img+"'p图片名称："+filename+"/pp大小："+filesize+"KB/p";

$("#preview").html(str);

//上传

xhr = new XMLHttpRequest();

xhr.open("post", "upload.php", true);

xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");

var fd = new FormData();

fd.append('mypic', fileList[0]);

xhr.send(fd);

},false);

});

html5+websocket上传文件问题

websocket目前只支持文本，不支持二进制数据。上传多个文件，用 input type="file" 结合 ajax 的 POST 足够了

Richmail是如何快捷上传附件的？听说效率提升了不少，有人了解吗？

据我所知，Richmail上传附件有两种方式：

1、Ctrl+V粘贴上传附件：可根据提示安装邮箱小工具控件，安装后，支持将复制的文件Ctrl+V直接粘贴到写信页上传附件。

2、支持html5的浏览器（例如：谷歌、火狐、IE10），用户可直接将本地的文件拖拽至写信页的任意一个区域，即可上传附件。

HTML5网页怎么上传到微信公众平台

首先，可以使用微信公众平台的内容编辑器或其他的微信编辑器来编辑微信的内容并发布；

其次，用dw制作的html5网页要在微信公众平台上进行上传，可以通过第三方平台进行；

最后，如果不上传，也可以考虑用微信平台的链接实现对html5网页的跳转。

最后一种方法是最直接有效，而且基本上80%的微信平台都是这样使用的；

希望对你有所帮助！

本文标题：html5上传附件,html5 上传文件
转载注明：http://cdweb.net/article/phhcpc.html