JQuery------获取<input type="file">中的文件内容

html

<div class="File">添加附件</div><input id="upfile" name="upfile" type="file" multiple="multiple" style="display:none" />
<div class="FileArea"></div>

js

var str = "";
    $("#upfile").click();
    $("#upfile").on("change", function () {
        var obj = document.getElementById("upfile");
        var length = obj.files.length;
        for (var i = 0; i < length; i++) {
            $(".FileArea").html("");;
            var temp = obj.files[i].name;
            str += "<div>" + temp + "</div>";
        }
        $(".FileArea").append(str);
    });
时间: 2024-08-09 02:18:34

JQuery------获取<input type="file">中的文件内容的相关文章

JQuery获取input type=&quot;text&quot;中的值的各种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery获取文本框的值</title> <meta http-equ

input type=&#39;file&#39; 上传文件 判断图片的大小是否合格与witdh 和 height 是否合格

function CheckFiles(obj) { var array = new Array('gif', 'jpeg', 'png', 'jpg'); //可以上传的文件类型 if (obj.value == '') { alert("让选择要上传的图片!"); return false; } else { var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用:) var isE

js 获取input type=&quot;file&quot; 选择的文件大小、文件名称、上次修改时间、类型等信息

<html xmlns="http://www.w3.org/1999/xhtml">   <head runat="server">   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <title></title>   </head>   <body&

HTML &lt;input type=&quot;file&quot;&gt;上传文件——结合asp.net的一个文件上传示例

HTML的代码:(关键是要在form里设置enctype="multipart/form-data",这样才能在提交表单时,将文件以二进制流的形式传输到服务器) 一. <form id="form1" action="test.aspx" method="post" enctype="multipart/form-data"> <div> <input type="f

input type=file 上传文件,同一个文件第二次上传无反应

用input file上传文件,掉用onchange方法时,多次上传同一个文件时功能失效,不会发送ajax请求 input[type=file]使用的是onchange去做,onchange监听的为input的value值,只有再内容发生改变的时候去触发,而value在上传文件的时候保存的是文件的内容,你只需要在上传成功的回调里面,将当前input的value值置空即可.event.target.value=“”: 设为空之后在次点击就可实现同一文件多次上传操作 原文地址:https://www

jquery 获取 input type radio checked的元素

.find('input:radio:checked'):.find("input[type='radio']:checked");.find("input[name='radio']:checked");.find("input[@name='radio'][checked]");.find("input[name='radio']").filter(':checked');

获取&lt;input type=&quot;radio&quot;&gt;被选中的内容

背景: <input type="radio">,该标签表示的是单选按钮,这个类型相对于其他类型的获取,比较特殊,特此记录一下. 获取方式: 1. 使用选择器直接获取(注意选择器这种方式的使用): 1 <html> 2 <head> 3 <title>标题示例</title> 4 <meta charset="UTF-8"> 5 <style> 6 </style> 7

input[type=file]上传文件(格式判断、文件大小、上传成功后操作)

var isUploadImg = false; //在input file内容改变的时候触发事件******************上传图片 $('#filed').change(function(){ var file = $('#filed').get(0).files[0]; var fileSize = file.size,fileType = file.type; if (file.name.lastIndexOf('.')==-1){ //如果不存在"." $.dialo

&lt;input type=&quot;file&quot;&gt;上传文件

string filename = this.loading.Value; if (filename != "") { string urlb = Server.MapPath("images/banner/"); var img = Context.Request.Files["loading"]; img.SaveAs(urlb + filename); url = filename; }