JQ ajaxFileUpload的一些问题

1.input之后没法再次获得响应事件,change无效解决办法,对file这个Input的父级做响应事件. <div class="lineBox lineBox0_24 lineBoxtest" id="test"> <div class="lineLabel">添加图片</div> <label> <input style="position:absolute;opacity…

解决ajaxfileupload上传文件在IE浏览器返回data为空问题

关于ajaxfileupload,建议还是别用,已经没有人维护的脚本了,笔者就是入了这个坑. 在IE浏览器中ajaxfileupload返回data为空 jq.ajaxFileUpload ( { url: BatchInvoiceUrls.UploadExcelUrl, //用于文件上传的服务器端请求地址 secureuri: false, //是否需要安全协议,一般设置为false fileElementId: fileElementId, //文件上传域的ID dataType: 'tex…

ajaxFileUpload onchang上传文件插件第二次失效刷新一次才能再次调用触发change事件

关于用ajaxfileupload时,遇到一个要刷新一次页面才能再次上传, ajaxFileUpload 用onchang上传只能上传一次第二次就失效了我找这个问题找了很长时间 ajaxFileUpload = (fileElementId) => { var jq: any = $; var that = this; var d: any = $(this); d.jqLoading(); jq.ajaxFileUpload ( { url: BatchInvoiceUrls.Upload…

JQ插件ajaxFileUpload、php实现图片，数据同时上传

代码结构如下: 1.HTML代码,没必要解释了. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文件上传</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src=&…

PHP+ajaxfileupload与jcrop插件结合完成头像上传

昨天花了点时间整合了一下头像插件东拼西凑的成果先来看下效果…

JQuery的ajaxFileUpload图片上传初试

本案例主要说讲使用ajaxFileUpload实现图片的异步上传. 1.html代码部分这里的代码,主要设置一下name,后台获取时候要用到,还有设置一个onchange的事件对应的方法:ajaxFileUpload() 插入图片:<input style="display:initial;" type="file" alt="插入图片" id="uploadImage" onchange="ajaxFile…

【转】JQuery插件ajaxFileUpload 异步上传文件（PHP版）

前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果.网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理. 一.先对ajaxFileUpload插件的语法参数进行讲解原理:ajaxfileu…

JQuery插件ajaxFileUpload 异步上传文件（PHP版）

太久没写博客了,真的是太忙了.善于总结,进步才会更快啊.不多说,直接进入主题. 前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果.网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理. 一.…

jq选择器基础

Jquery $代表选择器使用jq必须要导入jq文件 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> 或者是本地下载好的jq文件使用前要先加入代码,加载后执行: $(document).ready(function(e) { }); 所有jq代码都在大括号里面实现. //Jquery //找元素,Jquery对象 var b = $("#aa"…

JQ实现判断iPhone、Android设备

最近做了一版微信宣传页,通过JQ来判断设备,并进行下载微信内置浏览器对下载链接进行了屏蔽,所以先进行判断,如果是微信内置浏览器,则跳转应用宝链接,如果不是,则判断是iPhone/Adroid/PC 并进行跳转代码如下: function downloadApp(){ var u = navigator.userAgent; var ua = navigator.userAgent.toLowerCase(); var isAndroid = u.indexOf('Android') > -1…

ajaxFileUpload插件

关键词: $.ajaxFileUpLoad(); data status dataType 参考资料: http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 第一步: 先引入jQuery与ajaxFileUpload插件.注意先后顺序,这个不用说了,所有的插件都是这样. <script src="jquery-1.7.1.js" type="text/javascript">&l…

.NET MVC实现多图片上传并附带参数（ajaxfileupload）

做网站呢,都免不了要做图片上传. 还记得去年做微信的时候用WebAPI+ajaxfileupload.js做了一个能够附带参数上传的功能,博文地址:.NET WebAPI 实现图片上传(包括附带参数上传图片) 这段时间在做一个网站,用的MVC5.0,有一个上传多张图片的需求...刚开始用的flash插件,这不前两天Google发文说chrome浏览器即将把HTML5作为默认设置了,flash只是对固定的几个大网站做默认了...啊哦,leader这不就顺带给咱找了点事做“把flash插件干掉,弄一…

jq.validate隐藏元素忽略验证

jq.validate隐藏元素忽略验证现在有这样一个需求,当触发某类事件时候,需要在页面中显示input框,但是当不需要加载页面中的元素时候,进行隐藏.在这个需求的前提下,程序中对于input中的输入进行了验证,要如何才能当隐藏input框时,可以跳过验证呢. jq.validate提供了方法,ignore属性,具体使用如下: $("#formId").validate({ ignore: $('#ycyId'),//隐藏域的id }); 根据上面的方式就可以将隐藏元素进行忽略. 如…

jq.validate 自定义验证两个日期

jq.validate 自定义验证两个日期首先定义有一个表单,date1和date2是属于表单的元素,若date1大于date2,返回false:若date1<date2,返回true.使用jq.validate中的validator.addMethod()自定义验证. 具体方法如下: jQuery.validator.addMethod("dateCheck", function() { var date1= $("# date1").val(); var…

jq方法中 $(window).load() 与 $(document).ready() 的区别

通过自学进入了前端的行列,只知道在js中,一开头就写一个: window.onload = function(){ //doing sth} 然后所有的乱七八糟的代码全塞里面,大概知道window.onload就是等页面全加载后再执行,具体细节不知. 今天做项目时遇到一个问题,用的是jq,简单的道理是通过动态获取图片的高度(因为是手机端,宽高是自适应的),来调整图片下面main_body的top值(因为图片跟mian_body有需要拼接的地方),代码如下: $(function(){ var i…

jq 根据值的正负变色

效果图这样: 意思就是根据最后的百分值变色,值为负变绿色,值为正变红色. 所以只要取到那个标签里的值了,就能根据正负的判断决定颜色. 我的html部分这样: /*不过他们都说我的dom结构不太合理,同意.BUT,我就是不想写表格而写成的这样的,所以后面jq部分也要迁就了*/ <div class="pro_detail">  <ul> <li>001</li> <li>椰香奶茶<…

jq 个性的隔行变色

效果图大致这样: 我的html格式部分这样:/*不过他们都说我的dom结构不太合理,同意.BUT,我就是不想写表格而写成的这样的,所以后面jq部分也要迁就了*/ <div class="pro_detail">  <ul> <li>001</li> <li>椰香奶茶</li> <li>￥ 10.00</li> <li>￥ 10.50&…

关于JQ toggle 的注意事项

1.9.1以后的版本,好像不支持 jq 的 toggle function的用法啦.…

ajaxFileupload多文件上传

最近有个功能模块需要上传图片,为了和之前的伙伴们保持一致我也使用了ajaxFileupload, 但是源码只支持单文件上传,所以百般斟酌之下决定修改源码,废话不多说直接上代码 HTML上传代码段: <div class="mainmenuone cf"> <ul class="cf"> <li><span><img /><input type="file" class="…

使用ajaxfileupload.js实现上传文件功能

<div class="pictureList"> <div class="pictureItem" id="uploadItem"> <div class="pictureDiv"> <span class="commonSprite LAddWhiteBtn" onclick="triggeruploadPicture()"></…

js与jq对数组的操作

一.数组处理 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然…

js,jq,css选择器

js获取节点: var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.lastChile; //获得s的最后一个子节点 css选择器: 基础选择器 * 通用元素选择器,匹配页面任…

Js（DOM）和Jq 对象的相互转换

JQuery 对象不能使用DOM对象中的方法,同样,Dom对象不能使用JQuery 中的方法,但有时候 ,我们不得不使用JQuery的方法或者 Dom对象的方法,该怎么办呢? 下面介绍一下 jq对象与Dom对象的相互转换. jq--->dom JQuery提供了两种方法来转换 [index] 和 get(index); 方法一 var $cr=$("#cr"); //jq对象 var cr = $cr[0]; //jq 转dom 方法二 var cr=$("…

jq仿淘宝放大镜插件

html部分 //小图 <div id="photoBox"> <img src="图片路径" width="400" height="400"> <div id="dow"></div> </div> //大图 <div id="bigPhotoBox"></div> css部分 #photoBox {…

原生Ajax 和Jq Ajax

前言:这次介绍的是利用ajax与后台进行数据交换的小例子,所以demo必须通过服务器来打开.服务器环境非常好搭建,从网上下载wamp或xampp,一步步安装就ok,然后再把写好的页面放在服务器中指定的位置.打开时,在浏览器地址栏输入"localhost/指定页面"或者"127.0.0.1/指定页面"打开. 下面列出demo的HTML.PHP.原生ajax .jq ajax代码. HTML代码: <!doctype html> <html> &…

【JQ+锚标记实现点击页面回到顶部】

前言:今天想写个页面常用到的[点击回到页面顶部或是首页的功能],生活和职场一样,总会有低谷的时候,这个时候咱也别怂.别怂.别怂,说三遍!那都不是事,工作没了,再找呗,就像我上周五,团队解散那天,我是笑着走的,还给小白挥了挥手,微笑一个.那句话叫什么来着,佛祖虽给你关了一扇门,说不定会再给你开一扇窗.明天我就换工作了,我感谢我的同学. a)下面看看实现,实现很简单,通过JQ判断滚动条向下滚动的长度大于多少时显示[回到顶部+回到首页]的图标(换一种理解:滚动条顶端距离页面顶部的距离),另外一种实现方…

有了jsRender，妈妈再也不用担心我用jq拼接DOM拼接的一团糟了、页面整齐了、其他伙伴读代码也不那么费劲了

写在前面说来也很巧, 下午再做一个页面,再普通不过的分页列表,我还是像往常一样,基于MVC环境下,我正常用PagedList.MVC AJAX做无刷新分页,这时候问题就来了,列表数据中有个轮播图用到了slides.js插件,轮播图也用到了分页,数据第一页轮播图页码能正常使用,数据列表翻到第二页则轮播图的页码就无法正常使用,实际上PagedList.MVC自带的样式文件已经和slides.j自带的样式文件冲突,我还特意修改了slides.js的样式文件,然并无卵用,让郁闷飞一会... 1.基于M…

jQuery插件之ajaxFileUpload异步上传

介绍 AjaxFileUpload.js 是一个异步上传文件的jQuery插件,原理是创建隐藏的表单和iframe然后用JS去提交,获得返回值. 下载地址: http://files.cnblogs.com/files/kissdodog/ajaxfileupload_JS_File.rar http://zhangzhaoaaa.iteye.com/blog/2123021 属性语法:$.ajaxFileUpload([options]) url 上传处理程序地址. fileElementI…

JQuery文件上传插件ajaxFileUpload在Asp.net MVC中的使用

0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件,使用过程中发现很多与这个同名的,基于原始版本基础之上修改过的插件,文件版本比较多,我把我自己使用的ajaxFileUpload文件上传到博客园上了,想要使用的朋友可以下载:http://files.cnblogs.com/files/fonour/ajaxfileupload.js. 整个插件源码不到200行,实现非常简单,大致原理就是通过js动态创建隐藏的表单,然后进行提…

jq倾斜的动画导航菜单

效果预览网址:http://keleyi.com/keleyi/phtml/jqmenu/index.htm 支持IE.Chrome.火狐等浏览器完整源代码,保存到HTML文件打开也可查看效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html…

【JQ ajaxFileUpload的一些问题】的更多相关文章