当前位置:首页 » 文件传输 » jquery图片上传插件
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

jquery图片上传插件

发布时间: 2022-01-24 15:08:07

❶ Jquery uploadify图片上传插件无法上传的解决方法

首先你确定你使用的插件的版本,版本不同,产生的问题也不同,我用的是3.2.1的版本,我前几天已经做好的功能今天运行的时候出错了,搞了半天也不知道那错了,最好仔细寻找,原来是jquery库的引入问题,可能是我引入的包版本低了,我换了一个js库立马好了,真是坑爹啊,谁需要这个demo的可以邮件我!

❷ 多文件上传,Jquery Upload插件,不知道怎么刷新!

onQueueComplete//

你应该用上面这个函数;

你用的那个函数,是每个文件上传结束以后都会执行的;而这个函数是队列里所有文件都上传完以后才执行。

❸ 有没有大神知道,我的图片上传到数据库后(用jquery插件),在数据库只显示图片名

说出你的插件名,然后贴出你的上传请求截图,

如果数据库里面出错,基本上是后台人员的代码出错了,

一般来说,数据库是保存图片的访问路径,

就比如网络知道的图片

https://gss0.bdstatic.com/7051cy792sgCpNKfpU_Y_D3/static/common/widget/search-box-new/img/logo-_b2da087.png

这样子的,

他只保存了图片名,而没有其他路径,不出其他意外应该是后端代码出错了,而且一般来说,不会采用原有文件名,

所以最好贴出你的插件名,然后贴出你的上传请求截图,

❹ 谁有jquery的上传插件ajaxupload.3.5.js文件,传到[email protected],谢谢

<script type="text/javascript" src="<?php echo UPLOAD; ?>/js/ajaxupload.3.5.js" ></script>
<link rel="stylesheet" type="text/css" href="<?php echo UPLOAD; ?>/styles.css" />
<script type="text/javascript" >
$(function(){
var btnUpload=$('#upload1');
var status=$('#status1');
new AjaxUpload(btnUpload, {
action: '<?php echo UPLOAD; ?>/upload-image1.php',
name: 'image1',
onSubmit: function(file, ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// extension is not allowed
status.text('仅支持: JPG, PNG 或 GIF 格式');
return false;
}
status.text('上传中...');
},
onComplete: function(file, response){
//On completion clear the status
status.text('');
//Add uploaded file to list
if(response==="success"){
$('<li></li>').appendTo('#files1').html('<img src="<?php echo UPLOAD; ?>/uploads/image/small_image/'+file+'" alt="" /><br /> <input type="text" name="image1" value="<?php echo UPLOAD; ?>/uploads/image/small_image/'+file+'" id="some_name">').addClass('success');
}else if(response==="size_error"){
$('<li></li>').appendTo('#files1').text('建议图片尺寸 : 宽=80px,高=80px ').addClass('error');
} else{
$('<li></li>').appendTo('#files1').text(file).addClass('error');
}
}
});

var btnUpload=$('#upload2');
var status=$('#status2');
new AjaxUpload(btnUpload, {
action: '<?php echo UPLOAD; ?>/upload-image2.php',
name: 'image2',
onSubmit: function(file, ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// extension is not allowed
status.text('仅支持: JPG, PNG 或 GIF 格式');
return false;
}
status.text('上传中...');
},
onComplete: function(file, response){
//On completion clear the status
status.text('');
//Add uploaded file to list
if(response==="success"){
$('<li></li>').appendTo('#files2').html('<img src="<?php echo UPLOAD; ?>/uploads/image/large_image/'+file+'" alt="" /><br /> <input type="text" name="image2" value="<?php echo UPLOAD; ?>/uploads/image/large_image/'+file+'" id="some_name">').addClass('success');
}else if(response==="size_error"){
$('<li></li>').appendTo('#files2').text('正确的图片尺寸是 : 宽=640px,高=358px ').addClass('error');
} else{
$('<li></li>').appendTo('#files2').text(file).addClass('error');
}
}
});

var btnUpload=$('#upload3');
var status=$('#status3');
new AjaxUpload(btnUpload, {
action: '<?php echo UPLOAD; ?>/upload-file.php',
name: 'uploadfile',
onSubmit: function(file, ext){
if (! (ext && /^(zip)$/.test(ext))){
// extension is not allowed
status.html('<div class="error">仅支持zip格式</div>');
return false;
}
status.text('上传中...');
},
onComplete: function(file, response){
//On completion clear the status
status.text('');
//Add uploaded file to list
if(response==="success"){
$('<li></li>').appendTo('#files3').html('<img src="<?php bloginfo('template_url'); ?>/images/icon_zipbox_128.png" alt="" /><br /> <input type="text" name="download_file" value="<?php echo UPLOAD; ?>/uploads/file/'+file+'" id="some_name">').addClass('success');
}else if(response==="size_error"){
$('<li></li>').appendTo('#files3').text('上传文件不应大于 10MB. ').addClass('error');
} else{
$('<li></li>').appendTo('#files3').text(file).addClass('error');
}
}
});
});

$(function(){
$('#main_cat').change(function(){
var $mainCat=$('#main_cat').val();

// call ajax
$("#sub_cat").empty();
$.ajax({
url:"<?php bloginfo('wpurl'); ?>/wp-admin/admin-ajax.php",
type:'POST',
data:'action=my_special_action&main_catid=' + $mainCat,

success:function(results)
{
// alert(results);
$("#sub_cat").removeAttr("disabled");
$("#sub_cat").append(results);
}
});
}
);
});
</script>

❺ 如何实现不适用form实现图片上传,最好是用jquery的相关插件

这个不大清楚,不过拿jquery肯定是可以实现的
但是拿jquery有个缺点就是不大稳定
所以推荐用flash开源组件upload
而且还是免费的
很好用,无大小限制!

❻ 求PHP+jquery的uploadify插件实现完整的图片上传实例,要连接数据库的,并且可以选择相册来上传,如图

juqeryajaxupload plus

❼ jQuery File Upload-jQuery上传插件支持什么格式

所有格式都支持。它不分格式,是个文件都可以传,但是一般在传递的时候自己要写格式过滤,用换过滤特定格式的文件

❽ 图片上传兼容性好的js插件 哪位大神可以帮忙呢

网络的http://fex..com/webuploader/
一般的上传插件用的是flash插件,在手机端会有问题,手机的浏览器一般没flash
webuploader是智能判断,默认用hmtl5来上传,不支持html5再使用flash,这样老的浏览器和手机浏览器都能支持。

❾ 求一款jQuery或js多图上传插件

多图上传没问题,但是想上传后可以删除,可以修改名称。这个只能你自己来实现。之前专门写了一个上传插件希望能帮到你

http://blog.csdn.net/sq111433/article/details/16872403

❿ jquery-file-upload插件的问题。修改data。

jquery异步上传,一般来说这里上传调用的是系统专门上传的action,上传好后返回上传文件信息。你这里result.files就是返回的上传结果。这个需要你在后台自己封装。你前端需要什么,后台就封装什么。

比如我以前写过一个

Map<String,Object>fileObject=newHashMap<String,Object>();
fileinfo.put("size",size);//原始文件大小
fileObject.put("original",original);//原始文件唯一标识
fileObject.put("originalPath",originalPath);//原始文件临时存储目录
fileObject.put("thumb",thumb);//图片的预览文件唯一标识
fileObject.put("thumbPath",thumbPath);//图片预览文件临时存储目录
fileObject.put("name",fileFileName);//原始图片名称
fileObject.put("url",url);//原始图片的web查看地址,这个可以设置img.src属性
fileObject.put("thumbnailUrl",thumbnailUrl);//预览图片的web查看地址
fileObject.put("contentType",fileContentType);//上传文件type
fileObject.put("deleteType","POST");//这是我自己封装的post删除
//这个是我自己封装的删除路径
fileObject.put("deleteUrl",super.getRequest().getContextPath()+"/removeUpload.do?id="+original);
Map[]fileArray=newHashMap[1];
fileArray[0]=fileObject;
JSONObjectjsonObject=newJSONObject();
jsonObject.put("files",JSONArray.fromObject(fileArray));
HttpServletResponseresponse=getResponse();
response.setContentType("application/json;charset=UTF-8");
response.getWriter().write(jsonObject.toString());
response.getWriter().flush();

而前断可以将上传文件的唯一标识放到一个隐藏域里,表单提交的时候一起提发送到后台,再根据唯一标识去取上传文件信息或写或复制转移。

前断fileuploaddone我是这么用的

on('fileuploaddone',function(e,data){
//上传结果
$.each(data.result.files,function(index,file){
if(file.url){
varlink=$('<a>').attr('target','_blank').prop('href',file.url);
//这个是文件上传后的展示区域,可以在fileuploadadd事件里构建
var$imgdiv=$(data.context.children()[index]);
var$link=$imgdiv.find("canvas").wrap(link);
$imgdiv.append($('<inputtype="hidden"name="imagefileid"/>').prop('value',file.original));
$imgdiv.append($('<inputtype="hidden"name="imagefilename"/>').prop('value',file.name));
}elseif(file.error){
varerror=$('<spanclass="text-danger"/>').text(file.error);
$(data.context.children()[index]).append(error);
}
});
})