精华内容
下载资源
问答
  • 主要介绍了element-ui 文件上传修改文件名的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 本文实例讲述了Django框架文件上传与自定义图片上传路径、上传文件名操作。分享给大家供大家参考,具体如下: 文件上传 1、创建上传文件夹 在static文件夹下创建uploads用于存储接收上传的文件 在settings中配置, ...
  • Layui实现文件上传的各种方式,拖拽,直接上传,格式限制上传在Layui的官方文档中都有详细的说明以及实例,困扰我的就是如何让选择文件没上传之前将文件名显示在文本框内。 如图: <input type="text" ...

    Layui实现文件上传的各种方式,拖拽,直接上传,格式限制上传等等在Layui的官方文档中都有详细的说明以及实例,困扰我的是如何在选择文件没上传之前将文件名显示在文本框内。

    如图:

    基本上就是设置一个输入框,然后增加一个placeholder属性,指引别人点击右侧浏览,然后把文本框禁止输入。 代码如下,我们给一个id="name"。

    <input type="text" readonly="readonly" name="title" required lay-verify="required"
                               placeholder="请点击右侧浏览"
                               autocomplete="off" class="layui-input" id="name">


    下面是js:

    , choose: function (obj) {
            //将每次选择的文件追加到文件队列
            var files = obj.pushFile();
            console.log(obj)
    
            //预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
            obj.preview(function (index, file, result) {
                console.log(index); //得到文件索引
                console.log(file); //得到文件对象
                console.log(result); //得到文件base64编码,比如图片

    console.log()打印出拿到的file,我们打开浏览器的控制台可以看到file里面已经抓到了图片名name:

     

    那么我们在js文件里面加上

     document.getElementById('name').value = file.name
    
    //name 是input框的id
    //file.name 是刚刚拿到的数据

    放在下列位置

      //预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
            obj.preview(function (index, file, result) {
                console.log(index); //得到文件索引
                console.log(file); //得到文件对象
                console.log(result); //得到文件base64编码,比如图片
                //获取文件名***************************
                document.getElementById('name').value = file.name

    下面是关于文件上传完整的的JS代码:

    upload.render({
        elem: '#test8'
        , url: 'https://httpbin.org/post' //改成您自己的上传接口
        , auto: false
        //,multiple: true
        , bindAction: '#test9'
        , choose: function (obj) {
            //将每次选择的文件追加到文件队列
            var files = obj.pushFile();
            console.log(obj)
    
            //预读本地文件,如果是多文件,则会遍历。(不支持ie8/9)
            obj.preview(function (index, file, result) {
                console.log(index); //得到文件索引
                console.log(file); //得到文件对象
                console.log(result); //得到文件base64编码,比如图片
                //获取文件名***************************
                document.getElementById('name').value = file.name
    
    
                //这里还可以做一些 append 文件列表 DOM 的操作
    
                //obj.upload(index, file); //对上传失败的单个文件重新上传,一般在某个事件中使用
                //delete files[index]; //删除列表中对应的文件,一般在某个事件中使用
            });
        }
    
        , done: function (res) {
            layer.msg('上传成功');
            console.log(res)
        }
    });

     

    即可实现选择文件后文件名自动载入文本框

    展开全文
  • 主要介绍了nginx中文件文件指定保存文件名的配置方法,可以达到实际文件名和保存的文件名不相同的效果,需要的朋友可以参考下
  • 本篇文章主要介绍了Apache FTP实现文件上传、下载、修改文件名、删除,实现了FTP文件上传(断点续传)、FTP文件下载、FTP文件重命名、FTP文件删除等功能,有需要的可以了解一下。
  • 点击图片实现更换头像的功能,并且可以得到上传图片的文件名,大小,类型。
  • layui的文件上传功能获取文件名

    万次阅读 2020-05-11 16:29:45
    upload.render({ elem:'#chooseFile' ,url:localStorage.getItem('url')+'/upload/upload/file_upload' ,accept:'video'//视频 ,choose:function(obj){ varfiles=obj.pushFile(); ...
    upload.render({
                elem: '#chooseFile'
                ,url: localStorage.getItem('url') + '/upload/upload/file_upload'
                ,accept: 'video' //视频
                ,choose: function(obj){
                    var files = obj.pushFile();
                    console.log(files)
                }
                ,progress: function(e , percent) {
                        console.log("进度:" + percent + '%');
                        element.progress('progressBar',percent  + '%');
                }
                ,done: function(res){
                    console.log(res)
                    $("#fileName").val(res.data);
                }
            });

    此下代码就是获取关键

    如果帮你解决问题,请关注一下小编

     

     

    展开全文
  • 之前查看过看云上面的官方手册,文件上传那一块真的是讲的含糊,对于我们这个为了项目自学tp5的大学生来说到处都是知识盲区啊。 Tp5文件相关操作模块都在 thinkphp\library\think\File.php里面,我们找到第335行的...
  • php实现文件上传并返回获得上传生成的文件名
  • jquery向后台上传文件显示文件名

    千次阅读 2018-07-27 22:31:15
    1、利用formData对象 var formData = new FormData(); formData.append("myfile", $("#myfile")[0].files[0])...2、如果想上传文件,可添加multiple <input type="file" name="file" multiple="multiple" />

    1、利用formData对象

    var formData = new FormData();

    formData.append("myfile", $("#myfile")[0].files[0]);

    //$("#myfile").prop("files")[0]和 $("#myfile")[0].files[0]等效

    var file = document.getElementById('file').files[0];

    formData同时可以添加其他字段

    获取文件名var filename = $("#myfile").val();也可以$("#myfile")[0].files[0].name

    2、如果想上传多文件,可添加multiple

    <input type="file" name="file" multiple="multiple" />

    展开全文
  • java实现的简单的按照文件名检索文件,输入任意字符串(比如“123”)则返回本地文件文件名包含字符串“123”的所有文件和文件夹 及其路径,还能分盘符检索
  • kindeditor富文本框,上传文件后显示文件名称 注意: 给文本框赋值 这一句书写的位置,他跟上面的一句是在同一个函数中。因为最下面(函数外部)还有一行这样的代码。 如果你是直接引用的 kindeditor_all.js这个...

    转载自这位老哥的博文,完美解决问题:

    kindeditor富文本框,上传文件后,显示文件名称

    注意: 给文本框赋值 这一句书写的位置,他跟上面的一句是在同一个函数中。因为最下面(函数外部)还有一行这样的代码。
    如果你是直接引用的 kindeditor_all.js这个文件的话,那么就不要修改insertfile.js这个文件了,因为kindeditor_all.js中已经包含了insertfile.js文件了。

    展开全文
  • 上传文件时,文件名中文乱码

    千次阅读 2019-09-06 10:17:38
    遇到了一个问题,在开发时上传文件时,文件的中文名上传的是中文乱码,所解决方法: 文章转载自:https://blog.csdn.net/lengjinghk/article/details/51938644 一、对Tomcat_HOME/conf/server.xml文件进行配置(本...
  • 1、input type='file' 上传文件显示文件名上传进度 function showPreview(source) { var arrs = $(source).val().split('\\'); var filename=arrs[arrs.length-1]; $(".show").html(filename); ...
  • 想必很多朋友在进行utf8编码的php开发上传功能的时候,都会遇到这样的一个问题,就是上传中文文件名文件时,文件名会变成乱码,其实我们可以用iconv函数对文件名进行重新编码就解决问题了
  • 文件上传的时候经过zuul网关,文件名会乱码,需要在配置文件中增加一个配置项即可 zuul: servlet-path: / 下图为,乱码前后的同一文件对比: 参考:https://blog.51cto.com/4837471/2347016?source=dra ...
  • 在windows上使用ftp上传文件到Linux上,中文名称在Linux系统中显示为乱码,怎么解决呢?今天小编抽空给大家分享CentOS 下中文文件名显示乱码问题的解决方法,需要的的朋友参考下
  • js获取file标签上传文件的文件名,可以获取文件名判断文件是否重复 以及对文件上传做控制
  • HttpClient4.2.5实现文件上传,无中文文件名乱码问题。亲测无问题。有问题可吐槽!
  • 1,需求分析 上传附件到部署服务器,但是上传到服务器出现文件名中文乱码,中文变成(?)问号,而且在本地测试是正常的。 通过打印日志发现,下面fileName乱码。 2,原因及解决方式参考 ...
  • 主要介绍了C#实现的文件上传下载工具类,结合完整实例形式分析了C#操作文件上传与下载功能,并且还可针对上传文件自动命名以避免服务器中的文件名重复,需要的朋友可以参考下
  • js获取文件名: //校验 function check(){ var fileType = $("#template").val(); //判断后缀是不是需要的文件类型  if(fileType != null && fileType != ""){  var start = fileType.lastIndexOf(".")+...
  • 文件上传如果文件名重复怎么办,如果不判断是会覆盖还是追加 每次上传文件是不是要判断文件是否存在,不存在就创建目录,创建文件 存在的话怎么办呢?
  • 原因在于,Windows 的文件名中文编码默认为GBK,压缩或者上传后文件名还会是GBK编码,而Linux中默认文件名编码为UTF8,由于编码不一致所以导致了文件名乱码的问题,解决这个问题需要对文件名进行转码。 解决办法...
  • 解决Jmeter5.3上传文件中文乱码问题和录制脚本中文乱码问题,替换原本的lib\ext目录下的ApacheJMeter_http.jar文件上传文件时,需要勾选“对POST使用multipart / form-data” 和 “与浏览器兼容的头”选项,并在...
  • 1、在attachment中增加一个字段filename ...增加一句 'filename' =&gt; $fileInfo['name'], //增加...3、这样清下缓存,重新上传即可把文件名保存到attachment表 4、下面就是显示的问题了 attachment.js中 re...
  • 最近在做文件上传,使用的是springCloud框架,文件上传之后,文件名里面的中文名全部乱码,变成了问号,各种设置字符集,然而并没有什么用,最后一顿研究,才知道是框架原因,因为分布式框架里面用到了网关zuul,网关...
  • input上传一个文件如何获取文件名显示在另一个text文本框中 <html> <body> <input type="file" id="f" onchange="show()"/> <input type="txt" id="des"/> //调用方法 <...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 210,857
精华内容 84,342
关键字:

文件上传选择文件后显示文件名