还在找ajax上传图片吗,这个代码足以满足您的要求。该功能一次可以多选图片上传到服务器,上传成功之后支持预览图片,还有上传进度条,本网站就是用的这个功能。
首页 /  web前端 /  html/css / ajax多图上传图片上传jQuery上传图片无刷新

0 8 873

ajax多图上传图片上传jQuery上传图片无刷新

还在找ajax上传图片吗,这个代码足以满足您的要求。该功能一次可以多选图片上传到服务器,上传成功之后支持预览图片,还有上传进度条,本网站就是用的这个功能。

ajax多图上传图片上传jQuery上传图片无刷新_图一
ajax多图上传图片上传jQuery上传图片无刷新_图二
ajax多图上传图片上传jQuery上传图片无刷新_图三

上传按钮显示,注意这里的id

<a href="javascript:;" class="add_pic go_on_file" id="ajax_upload_pic_one"><img src="css/img/add_photo.png"></a>

js里把上面的id写进来ajax_upload_pic_one

browse_button : ['ajax_upload_pic_one','ajax_upload_pic_two', 'ajax_upload_pic_three'], // 上传按钮,后面两个可以去掉,这里我写了三个是要告诉大家,可以定义多个上传按钮哦,本例子中只用了一个上传按钮
下载所需:0 金币 下载 演示

[来源] http://yuanmouren.erlyun.com/p.php?id=7

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

容若 2017-10-27 14:31
10
送花
20积分一朵