質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Q&A

0回答

5699閲覧

iOS 10のSafariブラウザ input type="file" で取得したファイル名が文字化けする

maggothand

総合スコア10

Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

Safari

SafariはAppleのウェブブラウザであり、Mac OS XとiOSのデフォルトのブラウザです。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

0グッド

1クリップ

投稿2016/12/15 09:13

編集2016/12/15 09:36

###前提・実現したいこと
iPhoneのブラウザで、クラウドストレージなどを指定してファイルをアップロードするシステムを作っています。

###発生している問題・エラーメッセージ
input type="file" でファイルを取得するHTMLを書いています。クラウドストレージからファイルを取得するまでは出来ているのですが、日本語が含まれているファイル名のファイルをアップロードするとサーバー側でファイル名などが文字化けしてしまい、ファイルサイズも0バイトとなってしまいます。(英数字のみは大丈夫です)

###該当のソースコード

HTML

1<html xmlns="http://www.w3.org/1999/xhtml"> 2<head runat="server"> 3 <title></title> 4 <script type="text/javascript"> 5 function check_name() { 6 alert(document.getElementById("_file").value); 7 } 8 </script> 9</head> 10<body> 11 <form id="form1" method="post" enctype="multipart/form-data"> 12 <div> 13 <input type="file" name="_file" id="_file" /> 14 <input type="button" value="ボタン" onclick="check_name()" /> 15 </div> 16 </form> 17</body> 18</html>

###試したこと
上記のソースコードをiOS上のSafariやChromeで開き、input type="file"で取得したファイル名をJavaScriptで取得すると文字化けしたファイル名が取得されます。
input type="file"で取得時に表示されるファイル名は正しいファイル名が表示されています。

###補足情報(言語/FW/ツール等のバージョンなど)
・古いバージョンのiOSでは正しく動作していました。
・日本語が含まれるファイル名(例 ほげほげ.txt)で発生して、日本語が含まれないファイル名(hogehoge.txt)などは正常に動作します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

MasahikoHirata

2016/12/15 10:56

safariが文字化けする時は大抵エンコードが'shift jis'なので、’「表示」>「テキストエンコーディング」’で'shift jis'もしくは’「Safari」>「環境設定」と選択し、「詳細」’で同様に'shift jis'でどうですか?
maggothand

2016/12/16 00:36

ご依頼、ありがとうございます。iPhoneの[設定|Safari]で項目を探してみましたが、エンコードに関する設定項目が見つかりませんでした。Mac版のSafariやChromeでは正常に動作しています。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問