Reactで react-dropzone と axiosを使ってファイルアップロードを実装（バックエンドはRails）
アップロード画面実装 一気に貼り付けちゃいましたので、ざっと説明しておきます。 DropZone タグで、ドラッグドロップでファイルをアップロードできる機能が できちゃいます。acceptプロパティで受け付ける画像の種類（ファイルの種類）を指定し、 onDropでドラッグドロップされた時の処理を実装します。 今回はonDropで受付可能なファイル、不可能なファイルを引数で受け取り、 ステートを変えて、ドロップ領域の右側にそれらのファイル名を列挙します。 と同時に、画面下部に受付可能なファイルのプレビューを表示しちゃいます。 これがいとも簡単なんです。びっくりですよ。 アップロードボタンがクリックされたら、FormData オブジェクトを作り、 そこにアップロード対象のファイルを詰め込んで、axiosでPOSTします。 たったこれだけなんですよ、ホント便利ですね。 何個のファイルがアップロー
さくらレンタルサーバーにRubyをインストールする - ソフラボの技術ブログ
さくらレンタルサーバーにはデフォルトでRubyがインストールされていますが、バージョンが古いので最新版をインストールする手順を書いてみました。 環境 さくらレンタルサーバースタンダード 手順 sshでサーバーにログインする $ ssh account@account.sakura.ne.jp Password: cshからbashに変更する 使い勝手の良いbashを使えるようにします。 bashのパスを確認するためにシェルのパス一覧を確認します。 $ cat /etc/shells # $FreeBSD: release/9.1.0/etc/shells 59717 2000-04-27 21:58:46Z ache $ # # List of acceptable shells for chpass(1). # Ftpd will not allow users to connect w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
