2

(Css 2.1 And Jquery) を使用してファイル入力のスタイルを設定します

それは正常に動作し、すべてが今のところ正常に動作します

これが私が話している例です

入力ファイルのデモ

Firefox を使用している場合 すべて正常に動作します

しかし、Chromeを使用 すると、最初からファイルを選択できません My Problem

このデモでファイルを選択するにはCvの横にある

これが私のJQueryコードです

(function($){
              $.fn.SafyForm = function(){
                   $(".safy_input_file").live("click", function(){
                                     var obj = $(this) ;
                                     obj.prev("input[type=file]").click() ;
                                     obj.prev("input[type=file]").change(function(){
                                         var txt = $(this).val();
                                         obj.children("span").text(txt) ;
                                     });
                   }) ;
                   return this.each(function(){
                         if($(this).is("input[type=file]"))
                                {
                                  $(this).hide().after('<div class="safy_input_file"><span> [ .docx & .doc & .pdf & .rar ] </span><label>اختار ملف</label></div>')
                                }
                   }) ;
              }
        })(jQuery);

        $(document).ready(function(){
              $('input[type=file]').SafyForm() ;
        }) ;

更新後のコード

(function($){
              $.fn.SafyForm = function(){
                   $(".safy_input_file").live("click",function(){
                                     var obj = $(this) ;
                                     obj.prev("input[type=file]").click() ;

                   }) ;

                   $("input[type=file]").change(function(){
                            var txt = $(this).val();
                            var safyobj = $(this).next('.safy_input_file') ;
                            safyobj.children("span").text(txt) ;
                   });

                   return this.each(function(){
                         if($(this).is("input[type=file]"))
                                {
                                  $(this).hide().after('<div class="safy_input_file"><span> [ .docx & .doc & .pdf & .rar ] </span><label>اختار ملف</label></div>')
                                }
                   }) ;
              }
        })(jQuery);

        $(document).ready(function(){
              $('input[type=file]').SafyForm() ;
        }) ;
4

1 に答える 1

2

そうです、クロムでアップロードを2回実行します。あなたのプラグインをフィドルでテストしました：

http://jsfiddle.net/EPxkh/61/

そして正しいです（1回実行）。問題は、他の Web ページ要素またはスクリプトにある必要があります。

変更も試してください：

入力[タイプ=ファイル]

に

：ファイル

于 2012-10-09T16:25:08.050 に答える