图片上传插件jquery.uploadify详解【javascript】

web前端|js教程

jquery,图片上传插件,uploadify

web前端-js教程

1、js代码：

unity开发实战源码,vscode终端npm,腾讯云ubuntu访问,tomcat 路径泄露,sqlite遍历表数据,手机端弹出层插件,公司自己的前端框架,爬虫项目实况分享,php 和 web,seo实战密码.mobi,网站源码 免费开源,什么是网页设计模版,织梦水墨书画模板,js 弹出页面,火车票 管理系统,帝国cms游戏发号程序lzw

$(document).ready(function() {

$(#fileInput).uploadify({

//以下参数均是可选

uploader : images/uploadify.swf, //指定上传控件的主体文件，默认‘uploader.swf

script : UploadServlet, //指定服务器端上传处理文件，默认‘upload.php

cancelImg : images/cancel.jpg, //指定取消上传的图片，默认‘cancel.jpg

uttonImg:images/upload2.jpg,

auto : true, //选定文件后是否自动上传，默认false

folder : /userphoto , //要上传到的服务器路径，默认‘/

multi : false, //是否允许同时上传多文件，默认false

fileDesc : 图片文件 , //出现在上传对话框中的文件类型描述

fileExt : *.jpg;*.jpg;*.jpg;*.jpg, //控制可上传文件的扩展名，启用本项时需同时声明fileDesc

sizeLimit: 86400, //控制上传文件的大小，单位byte

onComplete: function(event,queueID,fileObj,response,data) {

$(#image).attr("src","userphoto/"+response);

$(#image).show();

$(#photo).attr("value",response);

},

onError : function(event, queueID, fileObj)

{

alert("文件:" + fileObj.name + " 上传失败");

}

});

});

2、注意事项

(1)、如果页面没有显示“BROWSE”按钮，则说明你的’uploader’ : ‘images/uploadify.swf’配置不对，检查下路径是否正确。

(2)、如果需要修改按钮的图片：可以使用’buttonImg’配置进行替换

(3)、上传完成后，’onComplete’事件没有触发：在后台servlet处理完后，要向页面输出1，否则页面的onComplete回 调函数不会执行。response.getWriter().write(1);

(4)、如果在后台servlet处理上传将图片的名称改变的话，就不能通过fileObj获得它的值，而是要在后台servlet输出新文件 名：out.print(filename);在jsp页面要相应使用response来获得新值。

(5)、图片预览实现：

在jsp页面中添加一个,当上传完成后在onComplete事件中修改img的src值。

3、下载地址

/download/

仿吾爱破解源码,vscode怎么设置跳转,gnome ubuntu,tomcat 优化配置,sqlite 判断语句,比较著名的网页设计师,mysql 数据库替换,如何禁止通过ip访问服务器,sliderpro插件,最好的前端框架,vb写爬虫,php倒序,网站seo推广工具,springboot从,正则 过滤html标签,blog建设网站,网页翻页代码,仿zol电脑壁纸源码模板程序,织梦后台操作特别慢,html页面提示框,办公自动化管理系统下载,vb程序代码程序结构lzw