第一步: 搭建上传类基础工作, 具体请看://www.jb51.NET/article/120242.htm
第二步: 建站一个 product 表, 字段 id,name,picurl.
第三步: 生 GII 生成 PRODUCT 模型, 类, 视图.
第四步:
- .onedialog{
- position:absolute; left: 300px; top: 500px; z-index: 10; width: 700px; height: 400px;border-radius:5px;box-shadow:5px 2px 6px #000; border: 2px solid #666
- }
- .oneiframe{
- width: 100%; height: 100%
- }
main.JS 放在 frontend\Web\assets
- $(function(){
- $('#product-picurl').click(function(){
- $('#oneupload').remove();
- $('<div>').appendTo($('body')).attr({"class":"onedialog",'id':"oneupload"});
- $('<iframe>').appendTo($('#oneupload')).attr({"src":"?r=upload","class":"oneiframe"})
- });
- var v=$('#product-picurl').val();
- if(v){
- $('<img>').attr({"src":v,"style":"height:50px"}).insertAfter($('#product-picurl'));
- }
- });
然后在 frontend\assets\AppAsset.PHP 中注册这两个文件
- class AppAsset extends AssetBundle
- {
- public $basePath = '@webroot';
- public $baseUrl = '@web';
- public $CSS = [
- 'css/site.css',
- 'css/main.css',
- ];
- public $JS = [
- 'assets/main.js'
- ];
- public $depends = [
- 'yii\web\YiiAsset',
- 'yii\bootstrap\BootstrapAsset',
- ];
- }
UploadController.PHP
- <?PHP
- namespace frontend\controllers;
- use Yii;
- use yii\Web\Controller;
- use App\models\UploadForm;
- use yii\Web\UploadedFile;
- class UploadController extends Controller
- {
- public function actionIndex()
- {
- $model = new UploadForm();
- if (Yii::$App->request->isPost) {
- $model->file = UploadedFile::getInstance($model, 'file');
- if ($model->file && $model->validate()) {
- //$model->file->saveAs('uploads/' . $model->file->baseName . '.' . $model->file->extension);
- $fileName='uploads/' . date("YmdHis") . '.' . $model->file->extension;
- $model->file->saveAs($fileName);
- }
- echo "<script src='assets/upload.js'></script>;";
- echo "<script>";
- echo "var oneinput=parent.document.getElementById('product-picurl');";
- echo "parent.document.getElementById('product-picurl').value='".$fileName."';";
- echo "var oneupload = parent.document.getElementById('oneupload');";
- echo "var img = document.createElement('img');";
- echo "img.setAttribute('style','height:50px');";
- echo "img.src ='".$fileName."';";
- echo "insertAfter(img,oneinput);";
- echo "oneupload.parentNode.removeChild(oneupload)";
- echo "</script>";
- }
- return $this->render('upload', ['model' => $model]);
- }
- }
- ?>
UploadForm.PHP
- <?PHP
- namespace App\models;
- use yii\base\Model;
- use yii\Web\UploadedFile;
- /**
- * UploadForm is the model behind the upload form.
- */
- class UploadForm extends Model
- {
- /**
- * @var UploadedFile file attribute
- */
- public $file;
- /**
- * @return array the validation rules.
- */
- public function rules()
- {
- return [
- [['file'], 'file'],
- ];
- }
- }
- ?>
upload.PHP
- <?PHP
- use yii\widgets\ActiveForm;
- ?>
- <?PHP $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]) ?>
- <?= $form->field($model, 'file')->fileInput() ?>
- <button>Submit</button>
- <?PHP ActiveForm::end() ?>
来源: https://www.jb51.net/article/150018.htm