javascript - IEの問題でのJquery入力ファイルタイプの操作

Question

さて、IEで入力タイプフィールドの値を操作する際に問題があります.Firefoxではうまくいくようです...

ここに私の問題があります：

押されたときに実際に実際のアップロードボタンをクリックする偽のアップロードボタンを作成しました(これは透過的で、css修正とすべてです)。ファイルが選択された後、実際にファイル名を取得してスパン領域に表示します(すべてこの大騒ぎのため)私のクライアントは、ファイルアップローダのカスタムルックを望んでいます)。

実際の問題は IE にあります。ファイルをアップロードするたびにファイル名が表示されず、デバッガー IE でチェックすると、入力タイプのファイルフィールドが空になります。

コードは次のとおりです。

<div class="right-pad">
   <p>Select an image file on your computer (4mb max).</p>
   <div class="btn-rect lightbox-btn btn-choose-file light-blue-btn" id="fakeUploadBtn">Choose File</div>                                    
   <div class="btn-rect lightbox-btn btn-choose-file light-blue-btn long-words-fix" id="upload-pic-file-name" ><p>No file chosen...</div>
   <input style="width:100%;position:relative;z-index: 10" id="realUploadBtn" name="image_upload_path" class="btn-rect lightbox-btn btn-choose-file light-blue-btn  real-upload" value="" type="file">                                                                                                        
</div>

JS:

$(function() {
                    $("#realUploadBtn").change(function() {
                        var fileName = $(this).val().replace(/C:\\fakepath\\/i, '');
                        $("#upload-pic-file-name").html(fileName);
                    });
                });

            $('#fakeUploadBtn').click(function() {

                $('#realUploadBtn').trigger('click');
            });

私の問題の最初の部分は解決しましたが、2番目の部分は完全なIEの問題のようです。これらのリンクを参照してください
-> http://www.webdeveloper.com/forum/showthread.php?181272-Need-help- with-Access-is-denied-error-in-IE
->クライアントの IE8 で入力したファイルのファイルデータにアクセスしていますか?

javascript - IEの問題でのJquery入力ファイルタイプの操作

1 に答える 1

Related

Reference