互換性表示だとIE11でコンテンツタイプが送信されないみたい

問題の事象と切り分け

PMP試験が終わり、そろそろ受験勉強管理システム（仮称）を使って娘の算数を見ようかなと。

ASUS ZenBook 3 UX390UAより画面が大きいHP ENVY 17 r000から受験勉強管理システムを初めて使ってみました。とりあえずブラウザはEdgeを利用し問題を登録し、印刷（PDF出力）すると、「開く」の選択肢がなく、「保存」「名前を付けて保存」「キャンセル」の3つしかありません。

2017-09-30 (1)

とりあえず「保存」を選ぶと、続いて「開く」「フォルダーを開く」「ダウンロードの表示」の選択肢が出るので、「開くを選ぶと、PDFがXChange EditorでなくEdgeで開かれました。2017-09-30 (2)

なお、ダウンロードフォルダに「問題.pdf」が保存されています。

2017-09-30 (3)


EdgeではPDFを扱いにくいので、いつもどおりIE11で受験勉強管理システムを使うことに。


問題を登録するとこころで、下図のようなPNG画像をアップロードしたところ・・・

イメージ609


コンテンツタイプがPNGじゃない！のようなエラーが出たわけです。あれ？KIOKUでのスクリーンショットの保存形式をJPEGにしたか？と確認しましたが、間違いなくPNGで保存しています。

※受験勉強管理システムではアップロード可能な画像形式をPNGに限定しています。

イメージ011


受験勉強管理システムをいつも使っているASUS ZenBook 3 UX390UAのIE11から、同じ画像をアップロードしたところ、問題なくアップできました。よって、アップするデータの問題ではないです。


原因調査

プログラムを確認することに。

2017-09-30



    Private Sub FormView問題_ItemUpdating(sender As Object, e As FormViewUpdateEventArgs) Handles FormView問題.ItemUpdating

        SDSget問題.UpdateParameters.Remove(SDSget問題.UpdateParameters("MODE"))
        If FileUpload添付.HasFile = True Then
            SDSget問題.UpdateParameters.Add("MODE", "1")
            Dim CT As String = FileUpload添付.PostedFile.ContentType.ToString
            Dim FN As String = IO.Path.GetFileName(FileUpload添付.PostedFile.FileName.ToString)
            Dim SZ As Double = FileUpload添付.PostedFile.ContentLength
            Dim EX As String = IO.Path.GetExtension(FileUpload添付.PostedFile.FileName.ToString)
            Select Case True
                Case CT <> "image/png" And CT <> "application/pdf" And CT <> "image/jpeg" And CT <> "application/vnd.openxmlformats-officedocument.wordprocessingml.document" And CT <> "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" And CT <> "message/rfc822"
                    ラベルセット(99, "PDF、mht、WORDまたはEXCEL以外はアップロードできません(コンテンツタイプ判定)")
                    e.Cancel = True
                Case LCase(EX) <> ".xlsx" And LCase(EX) <> ".pdf" And LCase(EX) <> ".docx" And LCase(EX) <> ".png" And LCase(EX) <> ".jpg" And LCase(EX) <> ".jpeg" And LCase(EX) <> ".jpg" And LCase(EX) <> ".mht"
                    ラベルセット(98, "PDF、mht、WORDまたはEXCEL以外はアップロードできません(拡張子判定)")
                    e.Cancel = True
                Case SZ > 5120000
                    ラベルセット(97, "アップロードファイルは5MBまでです")
                    e.Cancel = True
                Case Else
                    Dim str区分 As String
                    If CT = "image/png" Then
                        str区分 = "問題画像メイン"
                    Else
                        str区分 = "添付ファイル"
                    End If
                    SDSget問題.UpdateParameters.Remove(SDSget問題.UpdateParameters("コンテンツタイプ"))
                    SDSget問題.UpdateParameters.Add("コンテンツタイプ", CT)
                    SDSget問題.UpdateParameters.Remove(SDSget問題.UpdateParameters("ファイル名"))
                    SDSget問題.UpdateParameters.Add("ファイル名", FN)
                    SDSget問題.UpdateParameters.Remove(SDSget問題.UpdateParameters("ファイルサイズ"))
                    SDSget問題.UpdateParameters.Add("ファイルサイズ", SZ)
                    SDSget問題.UpdateParameters.Remove(SDSget問題.UpdateParameters("拡張子"))
                    SDSget問題.UpdateParameters.Add("拡張子", EX)
                    SDSget問題.UpdateParameters.Remove(SDSget問題.UpdateParameters("区分"))
                    SDSget問題.UpdateParameters.Add("区分", str区分)
                    SDSget問題.UpdateParameters.Remove(SDSget問題.UpdateParameters("コメントバイナリ"))
                    SDSget問題.UpdateParameters.Add("コメントバイナリ", TextBoxコメントバイナリ.Text)
            End Select
        Else
            SDSget問題.UpdateParameters.Add("MODE", "0")
        End If

    End Sub

ど素人丸出しのコードではありますが、問題ないです。

何が違うのか？小1時間ほど悩みます。グーグル先生にもすがってみます。

そうしたら、IE11でPOSTを再送信した場合にContent-Typeが欠落する現象についてなんていうMSのフォーラム発見。再送信ではないけれど、それっぽいなとよく読んで、書かれていることをやってみたりするのですが、解決しません。

IEをリセット、IE11を機能の無効化→有効化、受験勉強管理システムのサーバを信頼済サイトへ登録など、いろいろやってみましたがダメです。


解決

おなかすいたので、ランチして気分を切り替えます。


F12開発者ツールのネットワークで調べてみることに。するとエミュレーションのところがIE7になっています。ん？と思い、IE11に変更し、画像をアップするとできるじゃないですか！

原因は互換性表示か！互換性表示だと、コンテンツタイプが送信されないようです。

下図はコンテンツタイプがサーバに送信されない状況のIE11の設定です。受験勉強管理システムは自宅のLAN（イントラネットサイト）なので、「イントラネットサイトを互換性表示する」にチェックがついていると受験勉強管理システムは互換性表示されてしまします。

イメージ010


この状態だと下図のようになってしまいます。

イメージ011


「イントラネットサイトを互換性表示する」をオフにすることで、IE11からサーバへコンテンツタイプが送信されるようになりました。下図のように問題画像が登録できるようになりました。

イメージ012


「イントラネットサイトを互換性表示する」に何故チェックがついていたのか？

別のWebアプリ作成過程でつけたと思われます・・・・

コメント

コメントを投稿

このブログの人気の投稿

ダブルクォーテーションで括られたCSVカ​ンマ区切りテキストファイルを SQL Server で Bulk Insert する方法

イメージ
  ダブルクォーテーションで括られたCSVファイルなんて使うのかよ？と私は疑問符なんだけれど、そういうファイルを吐き出すシステムもあるらしいのでメモ。 区切り文字にカンマ[,]を使用しちゃって、データにカンマ[,]が含まれちゃってるから、ダブルクォーテーションで括るしかないんだって。タブで区切ればいいと思うんだけどね。データにタブって普通入らないでしょ。データにダブルクォーテーションが入っててもNGだし。   ポイント 最初の区切り文字を、"にする 最初の列は切り捨てる 2番目以降の区切り文字を","にする 最後の区切り文字を"\r\nにする "はエスケープが必要なので"\になる。 区切り文字は""で囲む インポートする CSVファイルの文字コードは ANSIにしておく。インポートする文字コードがUNICODEだとインポートできない。 ※設定誤りでインポートできていない可能性もあるので、インポートできるかもしれない。 フォーマットファイルの文字コードは ANSI でなければいけない。UNICODEだと「XML の解析: 行 2、文字 0。ドキュメントの構文が正しくありません。」エラーになる。 フォーマットファイルの最終後は改行が必要。改行なしだと「一括読み込みできません。ファイル "C:\Users\****\Desktop\MovieStars.fmt" が不完全か、読み取れませんでした。オペレーティング システム エラー コード (null)。」となる。  
Read more »

PowerShellでTSV／CSVの列を絞り込んで抽出し、（先頭／行末）からＮ行出力する

イメージ
目的 何十万行のCSVやTSVをPowerBI DesktopやSQL Server SSISで読み込むのですが、不要な列があったり、データ量が多いので、開発時はデータを少なくしたい。 Windows標準機能で実施したい。 やること ２つにわけて記載 Powershellで（TSV／CSV）ファイル（S-JIS）から必要な列のみを取り出して、（先頭／末尾）からN行とりだして、別な（TSV／CSV）ファイルへ出力 1について以下を実装 抽出するカラム指定をパラメータ化 区切り文字をパラメータ化 （先頭／末尾）とN行をパラメータ化 対象ファイルをスクリプトへドラッグドロップで実行 対象ファイルと同一フォルダ内へファイル名の末尾に「_Result」を追記して保存） 処理対象ファイル 今回のサンプルはTSVファイルは下図のような9列。 PersonID、adult name、profile_path、biography、homepage、birthday、deathday、place_of_birth サンプル１の基本処理内容 1行目 import-csvで読み込む -Encoding Default でS-JIS指定 -Delimiter "`t"　で区切り文字としてタブを指定 -header @(1..9)　でTSVのヘッダーとして1,2,3・・・,8,9を追加 select "1","3"　で列名（4で追加）が1、３を抽出 export-csv　で「TMDbPersons_Select.txt」に出力 2行目 get-content　で1で作成したTSVを参照 -totalcount　で先頭から10行抽出 select -skip 2　で先頭から2行をスキップ foreach {$_.Replace('"','')}　で「"」を削除 out-file　で「TMDbPersons_Result.txt」に出力 サンプル１（列位置で指定する） import-csv C:\Users\aaat\Desktop\TMDbPersons.txt -Encoding Default -Delimiter "`t" -header @(1..9
続きを読む

IKEAの鏡を壁に取り付ける

イメージ
IKEAの壁掛け鏡 LINDBYN リンドビーンミラーをなるべく壁に傷を残さないように取り付けました。 IKEAの鏡は下記です。 商品番号 904.937.00 重さ4.72kg 税込3,999円 LINDBYN リンドビーン ミラー, ホワイト, 40x130 cm – IKEA   取り付けには壁美人を使用します。 壁側金具「6K」 2枚セット ホワイト / 壁美人.net ホッチキスで壁収納を実現する『壁美人』専門店 (kabebijin.net) 過去に壁美人を使ってホワイトボードを壁に掛けました。 娘の部屋＆おれの部屋に壁掛けホワイトボードを設置しMicrofost Lens ＋ OneDrive で運用してみる。 (yunogotoshi.blogspot.com) IKEA店舗（立川店）では安全のためか、微動だにせずがっちり壁に固定された状態で取り付けられていたため、またWebでも裏面の写真が掲載されていないため、フックをかける部分の大きさ、形状がわからず、購入に躊躇しました。店員さんにお願いして外してもらい、裏面を確認すると、壁美人のフックにかかりそう。そこで購入。 鏡裏面のフック形状はは下図となります。 壁にビスを刺してそこへ引っ掛け、微調整ることを想定しているのか、階段状になっています。 いつものように壁美人をホッチキスで壁に取り付けます。 今回は二つ使います。メーカー仕様によると、静止耐荷重は一つで最大6kgなので12kgの静止耐荷重となります。鏡が4.72kgなので余裕でしょう。フックの間隔は中心点で335mmとなります。 フックとなる壁美人は鏡で見えなくなりますが、化粧カバーを取り付けました。 こんな感じです。 壁美人のフックに引っ掛けるため、上部が少し浮くので、中央部と下部にスペーサーを貼り付けました。 このスペーサーの裏面はテープになっているので取り付けが簡単です。Amazonなどでクッションテープで検索すると出てくるでしょう。 ※私が使用しているのはホームセンターで購入したもので、巻取り型のタイプではありません。 スペーサーを貼ることで、やや傾斜も出ることから、足を長く見せることも可能かもしれません・・・ 取り付けた上部です。 中部から下部です。上部よりやや浮いているので、傾
続きを読む