本站消息
如何使用jquery选择图像并上传？
发布于2021-09-15 14:45 阅读(1183) 评论(0) 点赞(13) 收藏(1)
我正在尝试使用jQuery.ajax没有表单的方式上传图像。
我知道如何为输入框选择值
var catSelect=$("#category").val();
但是我如何上传图片（不制作表格）。
网址：
<div id="tnail">
<input id="profile-image-upload" class="hidden" type="file">
<img id="simg" height="126" width="224" src="'+tmb+'">
</div>
查询：
$('#simg').on('click', function() {
$('#profile-image-upload').click();
});
$('#profile-image-upload').change(function() {
alert( "Handler for .change() called." );
});
解决方案
您可以使用 http://jsfiddle.net/Quwn6/
$('#simg').on('click', function() {
$('#profile-image-upload').click();
});
$('#profile-image-upload').change(function() {
var formData = new FormData(this.files[0]);
$.ajax({
url: '/echo/json/',
type: 'POST',
data: formData,
//Options to tell JQuery not to process data or worry about content-type
cache: false,
contentType: false,
processData: false
});
});
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/192356/36d87c8c4ea2f89d47e2/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
13
0
收藏该文
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力
程序员的那些事(new)
电子书(new)
博客(new)
视频教程(new)
问答(new)
游戏(new)