具體程式碼如下:
(推薦教學:yii)
1、model
<?php namespace frontend\models; use yii\base\Model; use yii\web\UploadedFile; use yii\db\ActiveRecord; use yii\db\Query; class UploadForm extends ActiveRecord { /** * @var UploadedFile */ public $t_img; public $t_title; public $t_content; public function rules() { return [ [['t_img'], 'file', 'skipOnEmpty' => false, 'extensions' => 'png, jpg,bmp,jpeg'], ]; } public function attributeLabels() { return [ 't_img'=>'請上傳文章圖片', 'verifyCode' => '請在右面輸入驗證碼', ]; } public function upload() { $imgName=time().rand(100,999).".".$this->t_img->extension; if ($this->validate()) { $this->t_img->saveAs('uploads/' .$imgName); $path='uploads/' .$imgName; return $path; } else { return false; } } } ?>
2、控制器
$data=Yii::$app->request->post(); $data['t_addtime']=date('Y-m-d H:i:s'); $upload->t_img = UploadedFile::getInstance($upload, 't_img'); $path=$upload->upload();
3、檢視層
<?php use yii\widgets\ActiveForm; use yii\helpers\Html; use yii\helpers\Url; ?> <?=Html::a('返回','?r=course/classspace&c_id='.$c_id)?> <?php $form=ActiveForm::begin( [ 'options' => ['enctype' => 'multipart/form-data'], 'method'=>'POST', ] );?> <table class="table"> <tr> <td> <input type="text" placeholder="請?zhí)顚懺掝}標題" name="t_title" id="t_title" value=<?=$coursedraft['d_title']?> > </td> </tr> <tr> <td> <textarea name="t_content" id="t_content" cols="30" rows="10" placeholder="請?zhí)顚懺掝}內容"><?=$coursedraft['d_content']?></textarea> </td> </tr> <tr> <td> <?=$form->field($upload,'t_img')->fileInput()?> </td> </tr> <tr> <div class="btn-group"> <td> <?=Html::submitButton('提交話題',['class'=>'btn btn-success'])?> </td> </div> </tr> </table> <?php ActiveForm::end();?> <input type="hidden" value=<?=$c_id?> id="c_id" /> </body> <?php $js = <<<END $(function(){ // $(document).on('click','#caogao',function() { // var title = $("#t_title").val(); // var content = $("#t_content").val(); // // $.ajax({ // type: "POST", // url: "?r=course/coursedraft", // data: {t_title: title, t_content: content, d_id: d_id} // }) // }) function show(){ var title=$("#t_title").val(); var content=$("#t_content").val(); var c_id=$('#c_id').val(); $.ajax({ type: "POST", url: "?r=course/coursedraft", data: {d_title:title,d_content:content,c_id:c_id,d_state:0} }); } setInterval(show,5000); }) END; $this->registerJs($js); ?> </html>
以上是yii實現(xiàn)圖片上傳的詳細內容。更多資訊請關注PHP中文網(wǎng)其他相關文章!

熱AI工具

Undress AI Tool
免費脫衣圖片

Undresser.AI Undress
人工智慧驅動的應用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

微信小程式實現(xiàn)圖片上傳功能隨著行動網(wǎng)路的發(fā)展,微信小程式已經(jīng)成為了人們生活中不可或缺的一部分。微信小程式不僅提供了豐富的應用場景,還支援開發(fā)者自訂功能,其中包括圖片上傳功能。本文將介紹如何在微信小程式中實作圖片上傳功能,並提供具體的程式碼範例。一、前期準備工作在開始編寫程式碼之前,我們需要先下載並安裝微信開發(fā)者工具,並註冊成為微信開發(fā)者。同時,也需要了解微信

使用CakePHP框架實現(xiàn)圖片上傳和顯示的步驟引言:在現(xiàn)代Web應用程式中,圖片上傳和顯示是常見的功能需求。 CakePHP框架為開發(fā)者提供了強大的功能和便利的工具,使得實現(xiàn)圖片上傳和顯示變得簡單且有效率。本文將向您介紹如何使用CakePHP框架來實現(xiàn)圖片上傳和顯示。步驟1:建立文件上傳表單首先,我們需要在檢視文件中建立表單,以便使用者上傳圖片。以下是一個範例的

Vue技術開發(fā)如何處理圖片上傳和壓縮在現(xiàn)代web應用中,圖片上傳是一個非常常見的需求。然而,由於網(wǎng)路傳輸和儲存等方面的原因,直接上傳原始的高解析度圖片可能會導致上傳速度慢和儲存空間的大量浪費。因此,對於圖片的上傳和壓縮是非常重要的。在Vue技術開發(fā)中,我們可以使用一些現(xiàn)成的解決方案來處理圖片上傳和壓縮。以下將介紹如何使用vue-upload-compone

如何使用PHP和Vue實現(xiàn)圖片上傳功能在現(xiàn)代網(wǎng)頁開發(fā)中,圖片上傳功能是非常常見的需求。本文將詳細介紹如何使用PHP和Vue來實現(xiàn)圖片上傳功能,並提供具體的程式碼範例。一、前端部分(Vue)首先需要在前端建立一個用來上傳圖片的表單。具體程式碼如下:<template><div><inputtype="fil

如何使用PHP實現(xiàn)一個簡單的線上圖片上傳和展示系統(tǒng)圖片上傳和展示系統(tǒng)是現(xiàn)代網(wǎng)站常用的功能之一,在開發(fā)過程中使用PHP可以快速實現(xiàn)這個功能。本篇文章將介紹如何使用PHP編寫一個簡單的線上圖片上傳和展示系統(tǒng),並提供具體的程式碼範例。一、建立資料庫和表格首先,我們需要建立一個資料庫和表格來儲存上傳的圖片資訊。使用下列SQL語句建立一個名為"images"的表格,並設

Laravel和Yii的主要區(qū)別在於設計理念、功能特性和使用場景。 1.Laravel注重開發(fā)的簡潔和愉悅,提供豐富的功能如EloquentORM和Artisan工具,適合快速開發(fā)和初學者。 2.Yii強調性能和效率,適用於高負載應用,提供高效的ActiveRecord和緩存系統(tǒng),但學習曲線較陡。

使用Docker容器化和部署Yii應用的步驟包括:1.創(chuàng)建Dockerfile,定義鏡像構建過程;2.使用DockerCompose啟動Yii應用和MySQL數(shù)據(jù)庫;3.優(yōu)化鏡像大小和性能。這不僅涉及到具體的技術操作,還包括理解Dockerfile的工作原理和最佳實踐,以確保高效、可靠的部署。

Vue開發(fā)中如何解決圖片上傳預覽模態(tài)框顯示問題在Vue開發(fā)中,經(jīng)常會遇到需要上傳圖片並預覽的需求。在這種情況下,一個常見的問題是如何在上傳圖片之後,在模態(tài)框中顯示預覽圖片。本文將介紹一種解決這個問題的方法。首先,我們需要在Vue的元件中加入一個檔案上傳的input元素,用於選擇要上傳的圖片檔案。透過監(jiān)聽檔案上傳的change事件,我們可以取得到使用者選擇的圖片
