ホームページ バックエンド開発 PHPチュートリアル Laravel5.2はUploadifyを統合して画像をアップロードするためのコードサンプルを実装します

Laravel5.2はUploadifyを統合して画像をアップロードするためのコードサンプルを実装します

Sep 11, 2017 am 09:45 AM
アップロード

フロントエンド:


<!-- 引入CSS、JS -->
<link rel="stylesheet" type="text/css" href="{{asset(&#39;org/uploadify/uploadify.css&#39;)}}">
<script type="text/javascript" src="{{asset(&#39;admin/js/jquery.js&#39;)}}"></script>
<script src="{{asset(&#39;org/uploadify/jquery.uploadify.min.js&#39;)}}" type="text/javascript"></script>

<!-- 上传按钮 -->
<input id="file_upload" name="file_upload" type="file"><br>
<img id="picshow" src=""> <!-- 默认隐藏 #pic{display: none;} -->

<!-- 实例化 -->
<script>
    $(&#39;#file_upload&#39;).uploadify({
            swf      : "{{asset(&#39;org/uploadify/uploadify.swf&#39;)}}", // 引入Uploadify 的核心Flash文件
            uploader : "{{url&#39;admin/upload&#39;)}}", // PHP脚本地址
            width: 120, // 上传按钮宽度
            height: 30, // 上传按钮高度
            buttonImage: "{{asset(&#39;org/uploadify/browse-btn.png&#39;)}}", // 上传按钮背景图片地址
            fileTypeDesc: &#39;Image File&#39;, // 选择文件对话框中图片类型提示文字(Windows系统)
            fileTypeExts: &#39;*.jpg;*.jpeg;*.png;*.gif&#39;, // 选择文件对话框中允许选择的文件类型(Windows系统)
            formData     : {&#39;_token&#39;: &#39;{{csrf_token()}}&#39;}, // Laravel表单提交必需参数_token,防止CSRF
            onUploadSuccess : function(file, data, response) { // 上传成功回调函数
                $(&#39;#picshow&#39;).attr(&#39;src&#39;, data).show();
                $(&#39;#file_upload).val(data);
            },
            onUploadError: function(file, errorCode, errorMsg, errorString) { // 上传失败回调函数
                $(&#39;#picshow&#39;).attr(&#39;src&#39;, &#39;&#39;).hide();
                $(&#39;#file_upload).val(&#39;&#39;);
                alert(&#39;上传失败,请重试!&#39;);
            }
        });
</script>
ログイン後にコピー

バックエンド:


/**
 * 图片上传
 * @return [type] [description]
 */
public function upload()
{
    $file = Input::file(&#39;Filedata&#39;); // 不同环境可能获取方式有点不同,可以下打印观察一下 dd(Input());
    if($file->isValid())
    {
        // 上传目录。 public目录下 uploads/thumb 文件夹
        $dir = &#39;uploads/thumb/&#39;;
 
        // 文件名。格式:时间戳 + 6位随机数 + 后缀名
        $filename = time() . mt_rand(100000, 999999) . &#39;.&#39; . $file ->getClientOriginalExtension();
         
        $file->move($dir, $filename);
        $path = $dir . $filename;
        return url($path);
    }
}

// $realPath = $file->getRealPath();  // 缓存在 tmp 文件夹的文件绝对路径
// $tmpName = $file->getFileName();   // 缓存在 tmp 文件夹的文件名
// $clientName = $file->getClientOriginalName();     // 获取原文件名称
// $extension = $file->getClientOriginalExtension(); // 上传文件的后缀
ログイン後にコピー

以上がLaravel5.2はUploadifyを統合して画像をアップロードするためのコードサンプルを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

FastAPI でファイルのアップロードと処理を実装する方法 FastAPI でファイルのアップロードと処理を実装する方法 Jul 28, 2023 pm 03:01 PM

FastAPI でファイルのアップロードと処理を実装する方法 FastAPI は、使いやすく強力な最新の高パフォーマンス Web フレームワークで、ファイルのアップロードと処理のネイティブ サポートを提供します。この記事では、FastAPI フレームワークでファイルのアップロードおよび処理関数を実装する方法を学び、具体的な実装手順を示すコード例を示します。まず、必要なライブラリとモジュールをインポートする必要があります: fromfastapiimportFastAPI,UploadF

写真を撮ってパソコンにアップロードする方法 写真を撮ってパソコンにアップロードする方法 Jan 16, 2024 am 10:45 AM

パソコンにカメラが付いていれば写真を撮ることができますが、写真を撮ってアップロードする方法がわからないユーザーもいます。ユーザーは好きな場所に写真をアップロードできるようになります。写真を撮ってコンピュータにアップロードする方法 1. Mac コンピュータ 1. Finder を開き、左側のアプリケーションをクリックします。 2. 開いたら、「カメラ」アプリケーションをクリックします。 3. 下の写真ボタンをクリックしてください。 2. Windows コンピュータ 1. 下の検索ボックスを開いて「カメラ」と入力します。 2. 次に、検索されたアプリケーションを開きます。 3. その横にある写真ボタンをクリックします。

Kugou に独自の音楽をアップロードする簡単な手順 Kugou に独自の音楽をアップロードする簡単な手順 Mar 25, 2024 pm 10:56 PM

1. Kugou Music を開き、プロフィール写真をクリックします。 2. 右上隅にある設定アイコンをクリックします。 3. [音楽作品をアップロード]をクリックします。 4. [作品アップロード]をクリックします。 5. 曲を選択し、[次へ]をクリックします。 6. 最後に[アップロード]をクリックします。

QQ Musicに歌詞をアップロードする方法 QQ Musicに歌詞をアップロードする方法 Feb 23, 2024 pm 11:45 PM

デジタル時代の到来により、音楽プラットフォームは人々が音楽を入手する主な方法の 1 つになりました。しかし、曲を聴いていると歌詞がないことに気づき、非常に不安になることがあります。曲の内容や感情をより深く理解するために、曲を聴くときに歌詞が表示されることを望む人は多いでしょう。 QQ Music は中国最大の音楽プラットフォームの 1 つとして、ユーザーがより音楽を楽しみ、曲の含意を感じることができるように、ユーザーに歌詞をアップロードする機能も提供しています。 QQ Musicに歌詞をアップロードする方法を紹介します。初め

Win10パソコンでアップロード速度が遅い問題を解決する方法 Win10パソコンでアップロード速度が遅い問題を解決する方法 Jul 01, 2023 am 11:25 AM

Win10コンピュータのアップロード速度が遅い場合、どうすれば解決できますか?コンピュータを使用しているときに、ファイルのアップロード速度が非常に遅いと感じることがありますが、これはどういうことでしょうか?実際、これはコンピュータのデフォルトのアップロード速度が 20% であるため、アップロード速度が非常に遅いためです。詳細な操作方法を知らない友人も多いです。編集者は、Win11 で C ドライブをフォーマットする手順を以下にまとめました。 . 興味のある方はフォローしてみてください! Win10 のアップロード速度が遅い場合の解決策 1. win+R を押して「ファイル名を指定して実行」を呼び出し、「gpedit.msc」と入力して Enter を押します。 2. 管理テンプレートを選択し、[ネットワーク] - [Qos パケット スケジューラ] をクリックし、[制限] をダブルクリックして帯域幅を予約します。 3. 「有効」を選択します。

パソコンのアップロード速度を改善する方法 パソコンのアップロード速度を改善する方法 Jan 15, 2024 pm 06:51 PM

アップロード速度が非常に遅くなりますか?これは、多くの友人がコンピューターにアップロードするときに遭遇する問題だと思います。コンピューターを使用してファイルを転送するときにネットワークが不安定だと、アップロード速度が非常に遅くなります。では、ネットワークのアップロード速度を上げるにはどうすればよいでしょうか?以下では、エディターがコンピューターのアップロード速度が遅いという問題を解決する方法を説明します。ネットワーク速度に関しては、Web ページを開く速度、ダウンロード速度、アップロード速度も非常に重要であることは誰もが知っています。特に一部のユーザーはファイルをネットワーク ディスクにアップロードする必要があることが多いため、アップロード速度が速いと間違いなく節約になります。お金がたくさんあります。時間がなくなりました。アップロード速度が遅い場合はどうすればよいですか?以下では、エディターがコンピューターのアップロード速度が遅い場合の対処方法についての写真とテキストを提供します。コンピューターのアップロード速度が遅いという問題を解決するには、「スタート」-「ファイル名を指定して実行」または「Window キー」をクリックします。

PHP Kuaishou API インターフェイスを介してビデオの再生およびアップロード機能を実装する方法 PHP Kuaishou API インターフェイスを介してビデオの再生およびアップロード機能を実装する方法 Jul 21, 2023 pm 04:37 PM

PHP Kuaishou API インターフェイスを介してビデオの再生およびアップロード機能を実装する方法 はじめに: ソーシャル メディアの台頭により、ビデオ コンテンツに対する一般の需要が徐々に増加しています。 Kuaishou は、短編動画をテーマにしたソーシャル アプリケーションとして、多くのユーザーに愛されています。この記事では、PHP を使用して、Kuaishou API インターフェイスを介してビデオ再生およびアップロード機能を実装するコードを記述する方法を紹介します。 1. アクセス トークンの取得 Kuaishou API インターフェイスを使用する前に、まずアクセス トークンを取得する必要があります。トークンはAPIインターフェースにアクセスするためのIDです

Vueにアバターアップロード機能を実装する方法 Vueにアバターアップロード機能を実装する方法 Nov 07, 2023 am 08:01 AM

Vue は、高度にインタラクティブなアプリケーションの構築に使用できる人気のあるフロントエンド フレームワークです。開発プロセスでは、アバターのアップロードが一般的な要件の 1 つです。そこでこの記事では、Vueにアバターアップロード機能を実装する方法と具体的なコード例を紹介します。サードパーティ ライブラリの使用 アバター アップロード機能を実装するには、vue-upload-component などのサードパーティ ライブラリを使用できます。このライブラリは、Vue アプリケーションに簡単に統合できるアップロード コンポーネントを提供します。これが簡単な例です

See all articles