使用jquery在asp.net中拖放 [英] drag and drop in asp.net using jquery

问题描述

我正在使用asp.net，我有一个要求，我需要使用进度条实现拖放文件上传。我不知道从哪里开始。所以任何人都可以帮我解决这个问题



注意：不要使用任何jQuery插件

I am using asp.net and I got a requirement where I need to implement drag and drop file upload with progress bar. I don't know where to start. So could any one help me out resolve this issue

Note: Dont use any jQuery plugins

推荐答案

试试这个

try this

function sendFileToServer(formData, status) {
             var uploadURL = "FileUploadHandler.ashx"; //Upload URL
             var extraData = {}; //Extra Data.
             var jqXHR =

.ajax（{
xhr： function （）{
var xhrobj =

.ajax({ xhr: function () { var xhrobj =

.ajaxSettings.xhr（）;
if （xhrobj.upload）{
xhrobj.upload.addEventListener（' progress'，< span class =code-keyword> function （event）{
var percent = 0 ;
var position = event.loaded || event.position;
var total = event.total;
if （event.lengthComputable）{
percent = Math .ceil（position / total * < span class =code-digit> 100 ）;
}
// 设置进度
status.setProgress（百分比） ）;
}， false ）;
}
return xhrobj;
}，
url：uploadURL，
类型： POST，
contentType： false ，
processData： false ，
cache： false ，
data：formData，
success： function （data， textStatus，jqXHR）{
status.setProgress（ 100 ）;

}，
完成： function （data，textStatus，jqXHR）{

.ajaxSettings.xhr(); if (xhrobj.upload) { xhrobj.upload.addEventListener('progress', function (event) { var percent = 0; var position = event.loaded || event.position; var total = event.total; if (event.lengthComputable) { percent = Math.ceil(position / total * 100); } //Set progress status.setProgress(percent); }, false); } return xhrobj; }, url: uploadURL, type: "POST", contentType: false, processData: false, cache: false, data: formData, success: function (data, textStatus, jqXHR) { status.setProgress(100); }, complete: function (data,textStatus, jqXHR) {

这篇关于使用jquery在asp.net中拖放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！