如何在jQuery文件上传中显示'未选择文件'的名称

阿披吉特·潘迪亚(Abhijit Pandya)

我正在使用jquery fileupload来进行asp.net mvc的项目。其工作正常,但唯一的问题是在选择文件后,文件名不显示并且仍显示“未选择文件”。,如何在“未选择文件”的位置显示文件名。我使用data.files [0] .name获得了文件名,但是如何显示,我的输入类型是文件控制。

我的控制权是

 <input type="file" id="ItemImages" accept="image/*" name="uploadfile" data-val="true" data-val-required="please select a file" class="fileupload-new">

而我的代码是

 $('imffileuplod').fileupload({
        dataType: 'json',
        dropZone: null,
        url: DomainName + "BackOffice/" + MethodName,
        progressInterval: 10,
        bitrateInterval: 50,
        add: function (e, data) {
            try {

                var imageKbytes = parseFloat(data.files[0].size / 1024);
                var ImageMbytes = parseFloat(imageKbytes) / 1024;
                if (ImageMbytes > parseFloat(2.0)) {
                    $("#errormessage").text("Please upload image upto 2 MB only");
                    return;
                }
                alert(data.files[0].name);

                $("#errormessage").text("");
                $('#progress .bar').text('');
                $('#progress .bar').css('width', '0%');


                $('#progress .bar').show();
               data.submit();

            }
            catch (ex) {
                OpenAlertDialog(ex.message);
            }

        },
        done: function (e, data) {
            $('#progress .bar').css("width", "100%");
            $('#progress .bar').text('100%');

            $("#" + ImageSrcId).attr("src", data.result);

            setTimeout(function () {
                $('#progress .bar').css("width", "0%");
                $('#progress .bar').text('');
            }, 3000);
            // $("#ProgressSpan").text('');

        },
        Fail: function (e) {
        }
    });
}

选择imaage后,仍然显示“未选择文件”

在此处输入图片说明

萨加尔·莫迪(Sagar Modi)

您不能使用Js更改输入类型文件的值,但可以单独使用它并在其中显示文件名。

 if you work with ´jquery 1.8´, the selector ´type=file´ works correctly but if you work with ´jquery 1.6´ this selector will not work. the correct way is to use this type of selectors:

$('input[type="file"]')
or, you can use this type selector, with class:

HTML:

<input class="input-type-file" type="file" name="file_1" enctype="multipart/form-data" />
JS:

$('.input-type-file')

本文收集自互联网,转载请注明来源。

如有侵权,请联系debugcn@gmail.com 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

获取上传文件的名称

来自分类Dev

如何获得未重命名文件的名称

来自分类Dev

如何在jQuery中使用上传字段“名称”属性获取上传文件名

来自分类Dev

如何在webapi上传中获取Multipart文件的流?

来自分类Dev

如何在asp.net多个文件上传中设置文件上传的数量限制?

来自分类Dev

如何限制分段文件上传中的文件大小?

来自分类Dev

上传并保存原始名称的文件

来自分类Dev

如何删除jQuery文件上传中的fakepath?

来自分类Dev

如何获取要上传的文件的名称

来自分类Dev

Safari未正确下载名称正确的文件

来自分类Dev

如何限制用户在jquery的telerik上传中上传大小为零的文件?

来自分类Dev

如何在joomla文件上传中更改受支持的文件类型

来自分类Dev

如何在php中更改上传文件的名称?

来自分类Dev

文件上传中的guid

来自分类Dev

如何在jQuery中使用上传字段“名称”属性获取上传文件名

来自分类Dev

如何在文件上传中动态显示图像

来自分类Dev

如何获取将要上传的多个文件的名称?

来自分类Dev

在Yii中上传文件未显示图片名称/路径

来自分类Dev

在文件上传中选择自定义文件

来自分类Dev

更改在FileDialog中选择的文件的名称

来自分类Dev

如何在代码点火器中的文件上传中设置验证规则

来自分类Dev

如何从文件上传按钮旁边显示的“未选择文件”中删除点击事件

来自分类Dev

选择名称包含字符php的文件

来自分类Dev

Django ModelMultipleChoiceField 未显示正确的选择名称

来自分类Dev

如何在即时上传中上传到服务器之前压缩 sapui5 中的文件?

来自分类Dev

如何处理文件上传名称

来自分类Dev

上传名称过长的文件

来自分类Dev

PowerShell:如何在名称为“*”(星号/星号)的文件/文件夹上创建选择器?

来自分类Dev

获取上传文件的名称

Related 相关文章

  1. 1

    获取上传文件的名称

  2. 2

    如何获得未重命名文件的名称

  3. 3

    如何在jQuery中使用上传字段“名称”属性获取上传文件名

  4. 4

    如何在webapi上传中获取Multipart文件的流?

  5. 5

    如何在asp.net多个文件上传中设置文件上传的数量限制?

  6. 6

    如何限制分段文件上传中的文件大小?

  7. 7

    上传并保存原始名称的文件

  8. 8

    如何删除jQuery文件上传中的fakepath?

  9. 9

    如何获取要上传的文件的名称

  10. 10

    Safari未正确下载名称正确的文件

  11. 11

    如何限制用户在jquery的telerik上传中上传大小为零的文件?

  12. 12

    如何在joomla文件上传中更改受支持的文件类型

  13. 13

    如何在php中更改上传文件的名称?

  14. 14

    文件上传中的guid

  15. 15

    如何在jQuery中使用上传字段“名称”属性获取上传文件名

  16. 16

    如何在文件上传中动态显示图像

  17. 17

    如何获取将要上传的多个文件的名称?

  18. 18

    在Yii中上传文件未显示图片名称/路径

  19. 19

    在文件上传中选择自定义文件

  20. 20

    更改在FileDialog中选择的文件的名称

  21. 21

    如何在代码点火器中的文件上传中设置验证规则

  22. 22

    如何从文件上传按钮旁边显示的“未选择文件”中删除点击事件

  23. 23

    选择名称包含字符php的文件

  24. 24

    Django ModelMultipleChoiceField 未显示正确的选择名称

  25. 25

    如何在即时上传中上传到服务器之前压缩 sapui5 中的文件?

  26. 26

    如何处理文件上传名称

  27. 27

    上传名称过长的文件

  28. 28

    PowerShell:如何在名称为“*”(星号/星号)的文件/文件夹上创建选择器?

  29. 29

    获取上传文件的名称

热门标签

归档