jquery获取上传图片
⑴ jquery如何获取input(file)控件上传的图片名称，即"11111.jpg"
理论上是不大可能的。
由于安全的原因，input(file)里面的值不能通过js来设置，而如果用js来取值的话，可能取到的是伪造的值（chrome），也有可能根本取不到（firefox）。
⑵ 我需要一个js或者jquery能批量上传图片+预览的功能。急~~~急~~~急~~
WebUploader项目，符合你的要求。
//文件上传过程中创建进度条实时显示。
uploader.on('uploadProgress',function(file,percentage){
var$li=$('#'+file.id),
$percent=$li.find('.progressspan');
//避免重复创建
if(!$percent.length){
$percent=$('<pclass="progress"><span></span></p>')
.appendTo($li)
.find('span');
}
$percent.css('width',percentage*100+'%');
});
//文件上传成功，给item添加成功class,用样式标记上传成功。
uploader.on('uploadSuccess',function(file){
$('#'+file.id).addClass('upload-state-done');
});
//文件上传失败，显示上传出错。
uploader.on('uploadError',function(file){
var$li=$('#'+file.id),
$error=$li.find('div.error');
//避免重复创建
if(!$error.length){
$error=$('<divclass="error"></div>').appendTo($li);
}
$error.text('上传失败');
});
//完成上传完了，成功或者失败，先删除进度条。
uploader.on('uploadComplete',function(file){
$('#'+file.id).find('.progress').remove();
});
更多细节，请查看js源码。
⑶ jquery多图片上传(form表单序列化提交)为啥后台只获取一个图片文件
直接用$_post['data'];获取即可的；
$data = $_post['data'];
echo '
';
print_r($data);
die();这样就是一个数组，你无需再用什么序列化、反序列化之类的，你可以输出$_post的数据看看就知道勒！(*^__^*)
若有任何其它疑问，欢迎追问......
评论
0
0
加载更多
⑷ jquery如何获取input(file)控件上传的图片名称，即"11111.jpg"
$('input').on('change',function(){
var value = $(this).val();
value = value.split("\\")[2];
})
value
就是图片名称。因为浏览器安全机制
获取到的value都是C:\fakepath\
加上图片名，所以可以用这个方式获取。
⑸ jquery多图片上传(form表单序列化提交)为啥后台只获取一个图片文件
首先，文本类的可以放在request中通过request.getAttribute(name)获取。图片你在前端放地址，后端也是像前面通过request.getAttribute(name)获取后存入数据库。这是jsp+servlet的做法。jsp有九大内置对象用于传递数据。而你如果用spring+springmvc的话是通过参数绑定来传递数据的。详细的你可以了解框架文档。建议你选择一种框架可以便捷开发。jsp+servlet是比较原始的处理方式。
⑹ jquery如何将页面生成的图片上传到服务器
File Upload组件啊，是同步还是异步呢
html部分：
<input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">
文件引入：
<link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"><script type="text/javascript" src="diyUpload/js/diyUpload.js"></script>
HTML部分：
<div id="demo"> <div id="as" ></div></div>
JS部分：
<script type="text/javascript">
/** 服务器地址,成功返回,失败返回参数格式依照jquery.ajax习惯;* 其他参数同WebUploader*/
$('#as').diyUpload({
url:'server/fileupload.php',
success:function( data ) {
console.info( data ); },
error:function( err ) {
console.info( err );
},
buttonText : '选择文件', chunked:true, // 分片大小
chunkSize:512 * 1024, //最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}});
</script>
⑺ jquery或者js获取上传文件的路径问题
我的理解是你应该先通过图片上传接口把图片上传到服务器上（上传后的服务器端的图片地址，保存到<input type="hidden">里），然后再统一提交所有的表单项。