求助我想把onclick="uploadphoto.click()传递一个id值

官方动态功能建议插件模块风格模板问题反馈技术交流站长杂谈代码共享 V系列产品运营交流

分享 收藏 举报: X

笨熊 消费791.82元 2020-11-17 14:33 14:33

普通粉丝

676: 8

我想把onclick="uploadphoto.click()（有很多的按钮相片都有id加入一个id参数传给url: 'actions/upload.php?id='+id）

</form>

$(document).ready(function(e) {

var progress = $(".progress");

var progress_bar = $(".progress-bar");

var percent = $('.percent');

$("#uploadphoto").change(function(){

$("#myupload").ajaxSubmit({

type: 'post', // 提交方式 get/post

url: 'actions/upload.php?id='+id,

dataType: 'json', //数据格式为json

success: function(data) {

if(data.status == 1){

var src = data.url;

var attstr= '<img src="'+src+'">';

$(".imglist").append(attstr);

$(".8").html("上传图片"+data.name+"成功，图片大小："+data.size+"K,文件地址："+data.url);

}else{

$(".res").html(data.content);

}

progress.hide();

error:function(xhr){ //上传失败

alert("上传失败");

progress.hide();

}

});

</script>

赏礼

赏钱

点击回复

全部留言

共 8 条

笨熊普通粉丝 消费:791.82元 2020-11-17 21:01 21:016楼

快搞好了不知道对不对反正是比较正常的呵呵，还差那么一点

0 赏礼回复

Suifeng 程序开发者

消费:23.24元 2020-11-17 18:28 18:286楼

Jq 不太熟 onclick="uploadphoto.click(10)"> 是点击方法 $("#uploadphoto").change(function(){ 是失去焦点触发的该事件仅适用于文本域（text field），以及 textarea 和 select 元素。当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。所以你这代码不对。

<form id='myupload' action='' method='get' enctype='multipart/form-data'>
  <input type="file" id="uploadphoto" name="uploadfile" value="请点击上传图片"  style="display:none;" />
</form>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(1)">头像1</button>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(2)">头像2</button>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(3)">头像3</button>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(4)">头像4</button>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(5)">头像5</button>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(6)">头像6</button>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(7)">头像7</button>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(8)">头像8</button>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(9)">头像9</button>
<button type="button"  class="btn btn-info $id" onclick="uploadphoto(10)">头像10</button>
<script type="text/javascript">
function uploadphoto(id) {
    var progress = $(".progress");
    var progress_bar = $(".progress-bar");
    var percent = $('.percent');
    $("#myupload").ajaxSubmit({
        type: 'post', // 提交方式 get/post
        url: 'actions/upload.php?id=' + id,
        dataType: 'json', //数据格式为json 
        success: function(data) {
            if (data.status == 1) {
                var src = data.url;
                var attstr = '<img src="' + src + '">';
                $(".imglist").append(attstr);
                $(".8").html("上传图片" + data.name + "成功，图片大小：" + data.size + "K,文件地址：" + data.url);
            } else {
                $(".res").html(data.content);
            }
            progress.hide();
        },
        error: function(xhr) { //上传失败 
            alert("上传失败");
            progress.hide();
        }
    });
}
</script>