用jquery uploadify 上传文件得到选择的文件路径!

用jquery uploadify 上传文件得到选择的文件路径!,第1张

onSelect

当选中一个文件后触发此事件,默认会创建一个6位的随机编号的元素,并加入到文件队列中,如果返回false则不会执行此动作。

此事件有三个参数:

event: javascript的event对象

queueID: 选中文件的编号

fileObj: 一个包含文件详细信息的对象。

name – 文件名称

size – 文件的大小(字节)

creationDate – 文件的创建时间

modificationDate – 文件的修改时间

type – 文件的扩展名(包括'')

所以说你想得到客户端的路径这样是不行的!

uploadify控件

js: $("#uploadify_HB_SZGT")uploadify({

'swf': '/JS/uploadify/uploadifyswf',

'uploader': '/JS/uploadify/upload_HB_SZGTashx',

'buttonText': '添加附件',

'buttonClass': 'button-class',

'buttonCursor': 'hand',

'fileSizeLimit': '2097152KB',

'fileTypeExts': 'gif; jpg; png;pdf;txt;doc;wps;xls;jpeg',

'folder': 'dzka_ba',

'queueID': 'fileQueue',

'auto': true,

'multi': false,

'fileObjName': 'Filedata',

'method': 'GET',

'removeCompleted': false,

'onUploadStart': function (file) {

//设置值

var fj_sbxh = $("#ContentPlaceHolder1_hidSBXH")val();

if (fj_sbxh == "") {

alert("请您先登录");

return;

}

var fj_dzzlzlbh = $("#slDZZLZL")val(); //单证种类编号

var fj_dzzlzlmc = $("#slDZZLZL")find("option:selected")text(); //单证种类名称

var fj_sblx = $("#txtSBLX")val(); //申报类型

var fj_QFRQ = ($("#txtQFRQ")val() == "") "E" : $("#txtQFRQ")val(); //签发日期

var fj_YXQ = ($("#txtYXQ")val() == "") "E" : $("#txtYXQ")val(); //有效期

var fj_SFHL = ($("#txtSFHL")val()=="") "E" : $("#txtSFHL")val();//水份含量

var fj_CXGJZ = ($("#txtCXGJZ")val() == "") "E" : $("#txtCXGJZ")val(); //查询关键字

var fj_WJLX = $("#slWJLX")val(); //文件类型

$("#uploadify_HB_SZGT")uploadify("settings", "formData", { 'cs_dzzlzlbh': fj_dzzlzlbh, 'cs_dzzlzlmc': fj_dzzlzlmc, 'cs_sblx': fj_sblx,'cs_SFHL':fj_SFHL, 'cs_QFRQ': fj_QFRQ, 'cs_YXQ': fj_YXQ,'cs_CXGJZ': fj_CXGJZ, 'cs_WJLX': fj_WJLX, 'cs_sbxh': fj_sbxh});

}

});

ashx:

public void ProcessRequest(>

<script type="text/javascript">

$(document)ready(function () {

$("#uploadify")uploadify({

'uploader': 'image/uploadifyswf', //uploadifyswf文件的相对路径,该swf文件是一个带有文字BROWSE的按钮,点击后淡出打开文件对话框

'script': 'Handler1ashx',// script : 后台处理程序的相对路径

'cancelImg': 'image/cancelpng',

'buttenText': '请选择文件',//浏览按钮的文本,默认值:BROWSE。

'sizeLimit':999999999,//文件大小显示

'floder': 'Uploader',//上传文件存放的目录

'queueID': 'fileQueue',//文件队列的ID,该ID与存放文件队列的div的ID一致

'queueSizeLimit': 120,//上传文件个数限制

'progressData': 'speed',//上传速度显示

'auto': false,//是否自动上传

'multi': true,//是否多文件上传

//'onSelect': function (e, queueId, fileObj) {

// alert("唯一标识:" + queueId + "\r\n" +

// "文件名:" + fileObjname + "\r\n" +

Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。

首先按下面的步骤来实现一个简单的上传功能。

1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。

2 在项目中添加UploadHandlerashx文件用来处理文件的上传。

3 在项目中添加UploadFile文件夹,用来存放上传的文件。

进行完上面三步后项目的基本结构如下图:

4 Defaultaspx的html页的代码修改如下:

<html xmlns=";

5  UploadHandler类的ProcessRequest方法代码如下:

public void ProcessRequest(>}

6 运行后效果如下图:

以上就是关于用jquery uploadify 上传文件得到选择的文件路径!全部的内容,包括:用jquery uploadify 上传文件得到选择的文件路径!、.net网站,文件上传控件、怎样利用ajax实现多个文件上传等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9416872.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存