首页新闻找找看学习计划

uploadify插件能用 $(".file_upload").uploadify,用类来执行

0
悬赏园豆:100 [待解决问题]

$("#file_upload").uploadify({
//开启调试
'debug': false,
//是否自动上传
'auto': true,
'buttonText': '选择照片',
//flash
'swf': 'uploadify.swf',
//文件选择后的容器ID
'queueID': 'uploadfileQueue',
'uploader': '../Manage/upload.ashx?op=1',
'width': '75',
'height': '24',
'multi': false,
'fileTypeDesc': '支持的格式:',
'fileTypeExts': '*.jpg;*.jpge;*.gif;*.png',
'fileSizeLimit': '1MB',
'removeTimeout': 1,
'hideButton':true,
//返回一个错误,选择文件的时候触发
'onSelectError': function (file, errorCode, errorMsg) {
switch (errorCode) {
case -100:
alert("上传的文件数量已经超出系统限制的" + $('#file_upload').uploadify('settings', 'queueSizeLimit') + "个文件!");
break;
case -110:
alert("文件 [" + file.name + "] 大小超出系统限制的" + $('#file_upload').uploadify('settings', 'fileSizeLimit') + "大小!");
break;
case -120:
alert("文件 [" + file.name + "] 大小异常!");
break;
case -130:
alert("文件 [" + file.name + "] 类型不正确!");
break;
}
},
//检测FLASH失败调用
'onFallback': function () {
alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
},
//上传到服务器,服务器返回相应信息到data里
'onUploadSuccess': function (file, data, response) {
$("#img").attr("value", data);
$("#Image").attr("src", data);
var lj = $("#img").val();
if (window.opener != undefined) {
window.opener.returnValue = lj;
}
else { window.returnValue = lj; }

window.close()
}
});

 

我想实现用class.uploadify实现id.uploadify上传图片的功能。

缘由:我在做一个动态的上传图片的功能,他可能有3个上传图片的按钮,也有可能有5个,反正就是不固定的,如果用ID的话,后面的按钮根本就不能用,所以考虑到用class,但是不知道怎么改,请大神赐教! 或者能实现加载完页面,直接执行file_upload的点击事件弹出选择图片的对话框也行,但是我不知道选择图片那个按钮的点击事件到底是什么,请大神赐教!!!

问题补充:

怎么通过JS触发Uploadify组件的Click事件??

陈勇胜的主页 陈勇胜 | 初学一级 | 园豆:25
提问于:2014-12-03 10:55
< >
分享
所有回答(5)
0

一样额,你用类选择器还是会把几个#1,#2,#3...拿得到吧,本质还是foreach(index,【this object】)。。。之后该怎么弄就怎么弄

Halower | 园豆:1723 (小虾三级) | 2014-12-03 11:29

但是你能用ID的话

$("#file_upload").uploadify({
//开启调试
'debug': false,
//是否自动上传
'auto': true,
'buttonText': '选择照片',
//flash
'swf': 'uploadify.swf',
//文件选择后的容器ID
'queueID': 'uploadfileQueue',
'uploader': '../Manage/upload.ashx?op=1',
'width': '75',
'height': '24',
'multi': false,
'fileTypeDesc': '支持的格式:',
'fileTypeExts': '*.jpg;*.jpge;*.gif;*.png',
'fileSizeLimit': '1MB',
'removeTimeout': 1,
'hideButton':true,
//返回一个错误,选择文件的时候触发
'onSelectError': function (file, errorCode, errorMsg) {
switch (errorCode) {
case -100:
alert("上传的文件数量已经超出系统限制的" + $('#file_upload').uploadify('settings', 'queueSizeLimit') + "个文件!");
break;
case -110:
alert("文件 [" + file.name + "] 大小超出系统限制的" + $('#file_upload').uploadify('settings', 'fileSizeLimit') + "大小!");
break;
case -120:
alert("文件 [" + file.name + "] 大小异常!");
break;
case -130:
alert("文件 [" + file.name + "] 类型不正确!");
break;
}
},
//检测FLASH失败调用
'onFallback': function () {
alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
},
//上传到服务器,服务器返回相应信息到data里
'onUploadSuccess': function (file, data, response) {
$("#img").attr("value", data);
$("#Image").attr("src", data);
var lj = $("#img").val();
if (window.opener != undefined) {
window.opener.returnValue = lj;
}
else { window.returnValue = lj; }

window.close()
}
});怎么处理

支持(0) 反对(0) 陈勇胜 | 园豆:25 (初学一级) | 2014-12-03 11:39

@陈勇胜: 

<input id="btn1" class="btn btn-danger" value="提交1"> 
<input id="btn2" class="btn btn-danger" value="提交2"> 
<input id="btn3" class="btn btn-danger" value="提交3"> 

<script type="text/javascript">
    $(function() {
        $.each($('.btn'), function(i, v) {
            console.log(i);
            console.log(v);
            this.onclick = uploadify;    
        });
    });

    function uploadify() {
        alert("提交图片");
    }
</script>

这里你想拿的都能拿得到,随便处理一下就可以了
支持(0) 反对(0) Halower | 园豆:1723 (小虾三级) | 2014-12-03 12:10
0

http://www.cnblogs.com/wolf-sun/p/3778594.html  这个你可以看看,在使用uploadify进行上传的时候,特别是多个情况,有个地方需要注意,需要判断uploadify对象是否存在多个,如果存在多个需要销毁,然后再重新创建。希望能帮到你

wolfy | 园豆:2636 (老鸟四级) | 2014-12-03 12:40
0
Mr.Brian | 园豆:1518 (小虾三级) | 2014-12-03 16:21
0

3.2版本的

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WebApplication.Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="Content/UserDefined/uploadify.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="Scripts/swfobject.js" type="text/javascript"></script>
<script src="Scripts/uploadify-v3.2/jquery.uploadify.js" type="text/javascript"></script>
<script type="text/javascript">
/* <![CDATA[ */
$(function () {
$("#file_upload").uploadify({
//开启调试
'debug': false,
//是否自动上传
'auto': false,
'buttonText': '选择照片',
'buttonCursor': 'hand',
'fileObjName': 'Filedata',
//flash
'swf': "Content/swf/uploadify.swf",
//文件选择后的容器ID
'queueID': 'uploadfileQueue',
'uploader': 'AjaxUploadify.ashx',
'width': '75',
'height': '24',
'method': 'post',
'multi': false,
'fileTypeDesc': '支持的格式:',
'fileTypeExts': '*.jpg;*.jpge;*.gif;*.png',
'fileSizeLimit': '10MB',
'removeTimeout': 1,
'removeCompleted': true,
'requeueErrors': false,
'preventCaching': true,
'queueSizeLimit': 1,
'formData': { 'someKey': 'someValue', 'someOtherKey': 1,'folder':'Kang' },
'onUploadStart': function (file) {
$("#file_upload").uploadify("settings", "folder", 'someKey','someOtherKey');
},
//返回一个错误,选择文件的时候触发
'onSelectError': function (file, errorCode, errorMsg) {
switch (errorCode) {
case -100:
alert("上传的文件数量已经超出系统限制的" + $('#file_upload').uploadify('settings', 'queueSizeLimit') + "个文件!");
break;
case -110:
alert("文件 [" + file.name + "] 大小超出系统限制的" + $('#file_upload').uploadify('settings', 'fileSizeLimit') + "大小!");
break;
case -120:
alert("文件 [" + file.name + "] 大小异常!");
break;
case -130:
alert("文件 [" + file.name + "] 类型不正确!");
break;
}
},
//检测FLASH失败调用
'onFallback': function () {
alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
},
//上传到服务器,服务器返回相应信息到data里
'onUploadSuccess': function (file, data, response) {
alert(file);
alert(data);
alert(response);
}
});
});

function doUplaod() {
$('#file_upload').uploadify('upload', '*');
}

function closeLoad() {
$('#file_upload').uploadify('cancel', '*');
}
/* ]]> */
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table width="704" border="0" align="center" cellpadding="0" cellspacing="0" id="__01">
<tr>
<td align="center" valign="middle">
<div id="uploadfileQueue" style="padding: 3px;">
</div>
<div id="file_upload">
</div>
</td>
</tr>
<tr>
<td height="50" align="center" valign="middle">
<img alt="" src="Content/img/BeginUpload.gif" width="77" height="23" onclick="doUplaod()"
style="cursor: hand" />
<img alt="" src="Content/img/CancelUpload.gif" width="77" height="23" onclick="closeLoad()"
style="cursor: hand" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>

 

怪才博士 | 园豆:204 (菜鸟二级) | 2014-12-09 13:51
0

楼主,怎么解决的?

张瑞奇 | 园豆:202 (菜鸟二级) | 2017-10-24 11:50
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册