用jquery uploadify 上传文件得到选择的文件路径!
onSelect
当选中一个文件后触发此事件,默认会创建一个6位的随机编号的元素,并加入到文件队列中,如果返回false则不会执行此动作。
此事件有三个参数:
event: javascript的event对象
queueID: 选中文件的编号
fileObj: 一个包含文件详细信息的对象。
name – 文件名称
size – 文件的大小(字节)
creationDate – 文件的创建时间
modificationDate – 文件的修改时间
type – 文件的扩展名(包括'.')
所以说你想得到客户端的路径这样是不行的!
jquery 的 uploadify如何将已经上传的文件删除
jQuery部分: 'onComplete':function (event, queueID, fileObj, response, data) //上传一次 { respnose //获取的就是下面PHP代码传递过来的参数。 }PHP部分(上传文件PHP:uploadify.php):move_uploaded_file($tempFile,iconv("UTF-8","gb2312", $targetFile)); //上传文件.echo $targetFile; //输出上传文件名.
jquery uploadify 取得要上传文件路径
上传时是由php完成的,那也就是说jquery uploadify会向一个php页面进行请求,请求就会有返回值,将上传完成后的指定的路径跟名字返回即可
比如:
'onComplete' :function(event, queueID, fileObj, reposnse, data) {
$("#upImg").val(reposnse);
}
这里就是在请求php完成后函数返回值,其中reposnse就是php返回的结果,$("#upImg").val(reposnse);我这里将返回的路径名字给id为upImg的隐藏域里,方便进行表单提交
php的返回值就是echo的内容,比如请求的upload.php上传完成后我指定的路径跟名字赋给变量$val,那我只需要在upload.php最后echo $val;
如何获取$的待上传文件个数
1、方法 uploadifySettings(setting, value) 用于获取或设置插件的参数。 获取:$(’#uploadify’).uploadifySettings(’queueSize’); //获取待上传文件队列中的总个数 设置:$(’#uploadify’).uploadifySettings(’folder’,'/uploads’); //用户设置上传文件所放的文件夹路径 2、uploadifyUpload([queueID]) 用于开始上传一个或所有文件。 示例:$(’#someID’).uploadifyUpload(); ...
1、方法 uploadifySettings(setting, value)
用于获取或设置插件的参数。
获取:$(’#uploadify’).uploadifySettings(’queueSize’); //获取待上传文件队列中的总个数
设置:$(’#uploadify’).uploadifySettings(’folder’,'/uploads’); //用户设置上传文件所放的文件夹路径
2、uploadifyUpload([queueID])
用于开始上传一个或所有文件。 示例:$(’#someID’).uploadifyUpload();
3、uploadifyCancel(queueId)
用于停止上传或队列中取消一个文件。 示例:$(’#someID’).uploadifyCancel(’NFJSHS’);
4、uploadifyClearQueue() 用于清除当前文件队列中的所有文件。 示例:$(’#someID’).uploadifyClearQueue();
我简单的试了一下感觉不错呵呵 所以啊我们程序员要学会偷懒学会开辟那些新的领域,在摸索中前进,在前进中摸索。要自信,别把程序看的很难,再难的程序也是人写出来的,加油!我们这些菜鸟级的经典人物早晚回成为老鸟!
$('#uploadify') ,待上传,文件个数,queueSize,uploadifySettings
转载仅供参考,版权属于原作者。祝你愉快,满意请采纳哦
如何获取$的待上传文件个数
1、方法 uploadifySettings(setting, value) 用于获取或设置插件的参数。 获取:$(’#uploadify’).uploadifySettings(’queueSize’); //获取待上传文件队列中的总个数 设置:$(’#uploadify’).uploadifySettings(’folder’,'/uploads’); //用户设置上传文件所放的文件夹路径 2、uploadifyUpload([queueID]) 用于开始上传一个或所有文件。 示例:$(’#someID’).uploadifyUpload(); ...
1、方法 uploadifySettings(setting, value)
用于获取或设置插件的参数。
获取:$(’#uploadify’).uploadifySettings(’queueSize’); //获取待上传文件队列中的总个数
设置:$(’#uploadify’).uploadifySettings(’folder’,'/uploads’); //用户设置上传文件所放的文件夹路径
2、uploadifyUpload([queueID])
用于开始上传一个或所有文件。 示例:$(’#someID’).uploadifyUpload();
3、uploadifyCancel(queueId)
用于停止上传或队列中取消一个文件。 示例:$(’#someID’).uploadifyCancel(’NFJSHS’);
4、uploadifyClearQueue() 用于清除当前文件队列中的所有文件。 示例:$(’#someID’).uploadifyClearQueue();
我简单的试了一下感觉不错呵呵 所以啊我们程序员要学会偷懒学会开辟那些新的领域,在摸索中前进,在前进中摸索。要自信,别把程序看的很难,再难的程序也是人写出来的,加油!我们这些菜鸟级的经典人物早晚回成为老鸟!
$('#uploadify') ,待上传,文件个数,queueSize,uploadifySettings
转载仅供参考,版权属于原作者。
jQuery uploadify 上传怎么传参
$(document).ready(function() {
//加载上传插件
$("#uploadify").uploadify({
'uploader': '../JS/UpLoad/jquery.uploadify-v2.1.0/uploadify.swf',
'script': '../Handler/UpLoadHandler.ashx?path=Upload',
'cancelImg': '../JS/UpLoad/jquery.uploadify-v2.1.0/cancel.png',
'folder': 'UploadFile',
'queueID': 'fileQueue',
'scriptData': { "name": $("#TextBoxNR").val(), "id": $("#Hidden_ID").val() },在加载时此处是null
'auto': false,
'multi': true,
'simUploadLimit': 3,
'onSelect': function(event, queueID, fileObj) {
$("#uploadify").uploadifySettings("scriptData", { "name": $("#TextBoxNR").val(), "id": $("#Hidden_ID").val() }); //动态更新配(执行此处时可获得值)
}
});
})
uploadify上传文件,上传图片的话怎么限制图片的宽、高。不是文件大小。
onUploadSuccess:function(file,data,response){ if(data){ $('#testimg').attr('src',ThinkPHP['ROOT']+'/'+$.parseJSON(data)); $('#testimg').one('load',function(){ var imgWidth = this.width; var imgHeight = this.height; if(imgWidth > 200 || imgHeight >200){ alert('建议使用200px*200px尺寸图片') }else{ //这里图片尺寸小于200px*200px可以开始代码逻辑 } }}
jquery uploadify 上传文件总大小控制
定义一个全局变量var totalSize = 0;选择好之后,触发一个onSelect事件,可以此时计算单个文件大小,加到全局变量里面,在开始上传(onUploadStart事件)的时候,判断总大小是否超标。如下:
'onSelect' : function(file) {
totalSize += file.size;
},
'onUploadStart':function(file){
if(totalSize>30*1024){
alert("文件大小超标,请重新选择文件");
$('#fileInput').uploadify('stop');
$('#fileInput').uploadify('cancel', '*');
}
}
uploadify插件后端怎么获取上传文件
打开VS2013,选择文件->新建->项目。
选择web应用程序,然后重命名为【UploadifyDemo】
选中项目右键->添加->web窗体,重命名为【Upload】
给【Upload.aspx】页面添加js和插件的引用。
给【Upload.aspx】页面添加上传文件js代码。
给【Upload.aspx】页面上传文件js添加【onUploadSuccess】属性,将英文提示改成中文“上传成功”。
给【Upload.aspx】页面添加HTML代码
选中项目右键->添加->新建项,然后找到一般处理程序,重命名为【UploadFile】。
在【UploadFile】添加后台上传文件的代码。
将【Upload.aspx】设为起始页后,按住ctrl+F5,就可以查看到结果了。
jquery file upload怎么限制只能上传一个文件
要同时加这 2 个才能限制文件上传的数量: change: function(e, data) { if(data.files.length > 1){ alert("Max 1 files are allowed") return false; } }, drop: function(e, data) { if(data.files.length > 1){ alert("Max 1 files are allowed") return false; } },
jquery uploadify按钮点击没反应,但点击按钮右边空白才弹出选择文件对话框
这个问题不是代码问题,应该是电脑浏览器的设置问题,
事实上,用户点击上传按钮的时候对话框已经弹出来了,只是被浏览器覆盖住了,而且这个对话框是模式对话框,就是它的执行级别最高,在关闭它之前,当前页面的所有操作都会认为是对对话框的操作,当用户点击空白处的时候,系统会认为用户是在唤醒或点击已经弹出但是被覆盖住的对话框,所以才会出现描述的情况;
当然这种情况,有时候也会莫名自愈!