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的点击事件弹出选择图片的对话框也行，但是我不知道选择图片那个按钮的点击事件到底是什么，请大神赐教！！！
所有回答(5)
0
一样额，你用类选择器还是会把几个#1，#2，#3...拿得到吧，本质还是foreach(index,【this object】)。。。之后该怎么弄就怎么弄
但是你能用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()
}
});怎么处理
@陈勇胜:
<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
http://www.cnblogs.com/wolf-sun/p/3778594.html 这个你可以看看,在使用uploadify进行上传的时候，特别是多个情况，有个地方需要注意，需要判断uploadify对象是否存在多个，如果存在多个需要销毁，然后再重新创建。希望能帮到你
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>
0
楼主，怎么解决的？