使用jquery在asp.net中拖放 [英] drag and drop in asp.net using jquery
本文介绍了使用jquery在asp.net中拖放的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用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屋!
查看全文