关于Jquery操作input file的问题

//////////////////////////////////////////////////////////////////////////////////////  js  实现点击div  触发input file    将图片显示在div中  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

<script>

    function clp(){        return  $(‘#file1‘).click();    }    function clp1(){        return  $(‘#file2‘).click();    }

    $("#file1").change(function(){        var objUrl = getObjectURL(this.files[0]) ;        if (objUrl) {            $("#img1").attr("src", objUrl) ;        }    }) ;    $("#file2").change(function () {        var objUrl = getObjectURL(this.files[0]);

        if (objUrl) {            $("#img2").attr("src", objUrl);        }    });    //建立一個可存取到該file的url    function getObjectURL(file) {        var url = null ;        if (window.createObjectURL!=undefined) { // basic            url = window.createObjectURL(file) ;        } else if (window.URL!=undefined) { // mozilla(firefox)            url = window.URL.createObjectURL(file) ;        } else if (window.webkitURL!=undefined) { // webkit or chrome            url = window.webkitURL.createObjectURL(file) ;        }        return url ;    }</script>
时间: 2024-11-13 06:46:47

关于Jquery操作input file的问题的相关文章

jQuery 操作 input 之 checkbox

jQuery 操作 input 之 checkbox 一片 HTML 清单: <input type="checkbox" name="hobby" value="棒球"> 棒球 <input type="checkbox" name="hobby" value="乒乓球"> 乒乓球 <input type="checkbox" name

jQuery操作input值总结

1.获取选中的值: 获取一组radio被选中项的值: var item = $("input[@name=items]:checked").val(); 获取select被选中项的文本: var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值: $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选

jQuery操作&lt;input type=&quot;radio&quot;&gt;

jQuery操作<input type="radio"> <input type="radio">如下: 1 2 3 4 5 <input type="radio" name="city" value="BeiJing">北京 <input type="radio" name="city" value="TianJi

为什么Jquery对input file控件的onchange事件只生效一次

今天在做jquery对input file控件的onchange事件进行监听,就一直只生效一次,不知道Jquery为什么对file控件没有做到每次改变触发onchange事件的效果,但是还是有好几种解决方法的: 1.原始方法:把事件写在file控件的onchange=""里面: 2.Jquery方法一: $('#fileId').live('change',function(){ //逻辑添加.... }); 3.Jquery方法二: onchange后,生成一个新input type

解决Jquery对input file控件的onchange事件只生效一次的问题

如题,解决办法的代码如下: 1. $('#fileId').live('change',function(){ //逻辑添加.... }); 2. $('#fileId').change(function(){ $('#inputFileID').replaceWith('<input name="fileToUpload" type="file" id="inputFileID" />'); }); 解决Jquery对input f

jQuery操作 input type=checkbox的实现代码

jQuery操作 input type=checkbox的实现代码 jQuery操作 input type=checkbox的实现代码,需要的朋友可以参考下,这边脚本之家推荐大家看我们以前发布的文章 复制代码 代码如下: <input type="checkbox">: 2012欧洲杯"死亡之组"小组出线的国家队是:<br> <input type="checkbox" name="nation"

jQuery的属性操作/使用jQuery操作input的value值

一.jQuery的属性操作 jQuery的属性操作模块分成四个部分: HTML属性操作, DOM属性操作, 类样式操作和值操作 HTML属性操作: 是对HTML文档中的属性读取,设置和移除操作; 比如:attr(), removeAttr() DOM属性操作: 对DOM元素的属性进行读取, 设置和移除操作; 比如prop(), removeProp() 类样式操作: 是指对DOM属性className进行添加, 移除操作; 比如addClass(), removeClass(), toggleC

使用jQuery操作input的value值

表单控件是jQuery的重中之重,因为一旦牵扯到数据交互,就离不开form表单的使用,比如用户的登录注册功能等. 在进行操作input的value值的时候,主要使用jQuery的val()方法. 点击查看val()的使用方法 看如下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti

jquery操作input

获取选中的值获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值$('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值$('input[@name=i