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

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

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

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Q&A

0回答

1109閲覧

AngularJSでファイルアップロードとクロスドメイン問題

rubellite

総合スコア10

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

0グッド

0クリップ

投稿2019/04/16 07:23

編集2022/01/12 10:55

AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、

AngularJs

1headers:{"Content-type":undefined} 2,transformRequest: null

というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。

ただ、AngularJSを使用しているのがスマホアプリで、ファイルを受け取るPHPファイルはサーバー側にあるため、クロスドメインの問題が発生してしまいます。

通常のテキストのやりとりは、

AngularJs

1method: 'POST', 2headers: { 3 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' 4}, 5 transformRequest: $httpParamSerializerJQLike, 6url: url, 7data: { 8 post_data: post_data 9}

という風に設定し、POSTされるPHPファイルの先頭に、

php

1header( 'Access-Control-Allow-Origin: *' );

を挿入して、クロスドメイン問題を回避しております。

上記のクロスドメイン問題の回避方法のまま、ファイルのアップロードしてファイル名を、

php

1$filename = $_FILES[ 'post_data' ][ 'fle_up_file_name' ][ 'name' ];

というようにして受け取っても、$filenameが空のままになります。

ajax通信を行う前のpost_dataの中身を確認したところ、きちんとファイルの各種情報が入っているのは確認が取れるのですが、どうすればクロスドメイン問題を回避しつつ、AngularJSのajaxを用いてファイルのアップロードをすれば良いかわかりません...

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

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

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

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

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

azuapricot

2019/04/16 07:40

コードはマークダウン形式でかいてくださ~~~~~~~い
rubellite

2019/04/16 08:09

すみません、マークダウン形式ってどのように書けばよろしいでしょうか?
rubellite

2019/04/17 01:37

マークダウン記法を用いて質問を書き換えさえていただきました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問