yii2 上传图片的示例代码-侯体宗的博客

yii2 上传图片的示例代码
数据库 / 管理员发布于 7年前 175

第一步：搭建上传类基础工作，具体请看：120242.htm

第二步：建站一个product表，字段id,name,picurl.

第三步：生GII生成PRODUCT 模型，类，视图。

第四步：

main.css 放在frontend\web\css

.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(); $('').appendTo($('body')).attr({"class":"onedialog",'id':"oneupload"}); $('').appendTo($('#oneupload')).attr({"src":"?r=upload","class":"oneiframe"}) });  var v=$('#product-picurl').val(); if(v){ $('').attr({"src":v,"style":"height:50px"}).insertAfter($('#product-picurl')); }});</pre><p>然后在frontend\assets\AppAsset.php中注册这两个文件</p><pre>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',  ];}</pre><p>UploadController.php</p><a href="https://www.zongscan.com/"></a><pre><?PHPnamespace 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='//article/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]);  }}?></pre><p>UploadForm.php</p><pre><?PHPnamespace 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'],    ];  }}?></pre><p>upload.php</p><pre><?phpuse yii\widgets\ActiveForm;?><?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data']]) ?><?= $form->field($model, 'file')->fileInput() ?><button>Submit</button><?php ActiveForm::end() ?></pre><p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。</p>                                                                        <h4>您可能感兴趣的文章:</h4><ul><li>Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例</li><li>yii2利用自带UploadedFile实现上传图片的示例</li><li>Yii2实现ajax上传图片插件用法</li></ul><span id="art_bot"></span>            </p></dl>
										<style type="text/css">.social-share p{font-size:8px;}</style>
										<div class="social-share"></div>
									</div>
								</div>
							</div>
							<div class="row clearfix">
								<div class="col-md-12 column">
									<li class="list-group-item" style="background: #f5f5f5;border-radius: 4px;margin-bottom: 10px;">
										<br>上一条：<br>
																				<a href="/demo333/9488.html" class="list-group-item-heading">sql server 2000中禁止创建表(权限设置方法)</a>
																				<br>下一条：<br>
																				<a href="/demo333/9490.html" class="list-group-item-heading">用mysql触发器自动更新memcache的实现代码</a>
																			</li>
								</div>
							</div>
							<div class="row clearfix">
								<div class="col-md-12 column">
								  <form class="form-horizontal" role="form" style="background: #f5f5f5;border: 1px solid #ddd;padding:10px 10px 0px;border-radius: 4px;margin-bottom: 10px;"  id="myForm" action="/index/art/comment.html" method="post">
									<p><span style="font-size: 12px;">昵称：</span><input type="text" name="nick" style="width: 100px;border-radius: 8px;"><span id="check_nick" style="font-size: 8px;color: red;display: none;padding-left: 45px;padding-top: 8px;"></span></p>
									<p><span style="font-size: 12px;">邮箱：</span><input type="text" name="email" style="width: 160px;border-radius: 8px;"></p>
									<textarea name="comment" id="comment" style="width:80%; height:100%"></textarea>
									<input type="hidden" name="art_id" value="9489">
									<input type="submit" value="发表评论" style="font-size: 12px;position: relative;left: 71%;">	
								  </form>
								</div>
							</div>
							<div class="row clearfix"><div class="col-md-12 column"><div class="form-group" style="margin-bottom: 5px;padding: 0 5px;"><span>0条评论</span> <span style="font-size:8px;color:red">(评论内容有缓存机制,请悉知!)</span><div style="float: right;font-size: 12px;"><a href="" style="padding: 0 5px;">最新</a><a href="">最热</a></div></div></div></div>
							<div class="row clearfix">
								<div class="col-md-12 column">
																</div>
							</div>
						</div>
						<div class="col-md-4 column">
							<div class="row clearfix">
								<div class="col-md-12 column">
									<!-- 正方ad -->
									<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4802265324400044" data-ad-slot="1693614294" data-ad-format="auto" data-full-width-responsive="true"></ins>
									<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
								</div>
							</div>
							<!-- 分类 -->
							<div class="row clearfix">
								<div class="col-md-12 column">
									<ul style="background: #f5f5f5;border: 1px solid #ddd;border-radius: 4px;list-style: none;"><li style="font-size: 16px;font-weight: bold;padding: 10px 0 10px;">分类目录</li>
																			<li class="btn"><a href="/demo777/cat_id/1.html">人生(杂谈)</a></li>
																			<li class="btn"><a href="/demo777/cat_id/2.html">技术</a></li>
																			<li class="btn"><a href="/demo777/cat_id/18.html">linux</a></li>
																			<li class="btn"><a href="/demo777/cat_id/19.html">Java</a></li>
																			<li class="btn"><a href="/demo777/cat_id/20.html">php</a></li>
																			<li class="btn"><a href="/demo777/cat_id/30.html">框架(架构)</a></li>
																			<li class="btn"><a href="/demo777/cat_id/31.html">前端</a></li>
																			<li class="btn"><a href="/demo777/cat_id/33.html">ThinkPHP</a></li>
																			<li class="btn"><a href="/demo777/cat_id/34.html">数据库</a></li>
																			<li class="btn"><a href="/demo777/cat_id/35.html">微信(小程序)</a></li>
																			<li class="btn"><a href="/demo777/cat_id/36.html">Laravel</a></li>
																			<li class="btn"><a href="/demo777/cat_id/37.html">Redis</a></li>
																			<li class="btn"><a href="/demo777/cat_id/38.html">Docker</a></li>
																			<li class="btn"><a href="/demo777/cat_id/39.html">Go</a></li>
																			<li class="btn"><a href="/demo777/cat_id/40.html">swoole</a></li>
																			<li class="btn"><a href="/demo777/cat_id/41.html">Windows</a></li>
																			<li class="btn"><a href="/demo777/cat_id/42.html">Python</a></li>
																			<li class="btn"><a href="/demo777/cat_id/43.html">苹果(mac/ios)</a></li>
																		</ul>
								</div>
							</div>
							<div class="row clearfix">
								<div class="col-md-12 column">
									<ul style="background: #f5f5f5;border: 1px solid #ddd;border-radius: 4px;list-style: none;"><li style="font-size: 16px;font-weight: bold;padding: 10px 0 10px;">相关文章</li>
																				<li><a href="/demo333/96760.html">分库分表的目的、优缺点及具体实现方式介绍</a>(0个评论)</li>
																				<li><a href="/demo333/96701.html">DevDB - 在 VS 代码中直接访问数据库</a>(0个评论)</li>
																				<li><a href="/demo333/96646.html">在ubuntu系统中实现mysql数据存储目录迁移流程步骤</a>(0个评论)</li>
																				<li><a href="/demo333/96645.html">在mysql中使用存储过程批量新增测试数据流程步骤</a>(0个评论)</li>
																				<li><a href="/demo333/96633.html">php+mysql数据库批量根据条件快速更新、连表更新sql实现</a>(0个评论)</li>
																			</ul>
								</div>
							</div>
							<div class="row clearfix">
								<div class="col-md-12 column">
									<ul style="background: #f5f5f5;border: 1px solid #ddd;border-radius: 4px;list-style: none;"><li style="font-size: 16px;font-weight: bold;padding: 10px 0 10px;">近期文章</li>
																		<li><a href="/demo333/96847.html">在go语言中使用api.geonames.org接口实现根据国际邮政编码获取地址信息功能</a>(1个评论)</li>
																		<li><a href="/demo333/96846.html">在go语言中使用github.com/signintech/gopdf实现生成pdf分页文件功能</a>(0个评论)</li>
																		<li><a href="/demo333/96845.html">gmail发邮件报错:534 5.7.9 Application-specific password required...解决方案</a>(0个评论)</li>
																		<li><a href="/demo333/96844.html">欧盟关于强迫劳动的规定的官方举报渠道及官方举报网站</a>(0个评论)</li>
																		<li><a href="/demo333/96843.html">在go语言中使用github.com/signintech/gopdf实现生成pdf文件功能</a>(0个评论)</li>
																		<li><a href="/demo333/96842.html">Laravel从Accel获得5700万美元A轮融资</a>(0个评论)</li>
																		<li><a href="/demo333/96841.html">在go + gin中gorm实现指定搜索/区间搜索分页列表功能接口实例</a>(0个评论)</li>
																		<li><a href="/demo333/96840.html">在go语言中实现IP/CIDR的ip和netmask互转及IP段形式互转及ip是否存在IP/CIDR</a>(0个评论)</li>
																		<li><a href="/demo333/96839.html">PHP 8.4 Alpha 1现已发布！</a>(0个评论)</li>
																		<li><a href="/demo333/96838.html">Laravel 11.15版本发布 - Eloquent Builder中添加的泛型</a>(0个评论)</li>
																		</ul>
								</div>
							</div>
							<div class="row clearfix">
								<div class="col-md-12 column">
									<ul style="background: #f5f5f5;border: 1px solid #ddd;border-radius: 4px;list-style: none;"><li style="font-size: 16px;font-weight: bold;padding: 10px 0 10px;">近期评论</li>
																			<li>
											<p style="font-size: 10px;margin-bottom: 0px;">122 在</p><a href="/demo333/96820.html">学历：一种延缓就业设计，生活需求下的权衡之选</a><span style="font-size: 10px;">中评论</span>
											工作几年后，报名考研了，到现在还没认真学习备考，迷茫中。作为一名北漂互联网打工人..										</li>
																			<li>
											<p style="font-size: 10px;margin-bottom: 0px;">123 在</p><a href="/demo333/96603.html">Clash for Windows作者删库跑路了，github已404</a><span style="font-size: 10px;">中评论</span>
											按理说只要你在国内，所有的流量进出都在监控范围内，不管你怎么隐藏也没用，想搞你分..										</li>
																			<li>
											<p style="font-size: 10px;margin-bottom: 0px;">原梓番博客 在</p><a href="/demo333/96695.html">在Laravel框架中使用模型Model分表最简单的方法</a><span style="font-size: 10px;">中评论</span>
											好久好久都没看友情链接申请了，今天刚看，已经添加。..										</li>
																			<li>
											<p style="font-size: 10px;margin-bottom: 0px;">博主 在</p><a href="/demo333/435.html">佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法</a><span style="font-size: 10px;">中评论</span>
											@1111老铁这个不行了，可以看看近期评论的其他文章..										</li>
																			<li>
											<p style="font-size: 10px;margin-bottom: 0px;">1111 在</p><a href="/demo333/435.html">佛跳墙vpn软件不会用?上不了网?佛跳墙vpn常见问题以及解决办法</a><span style="font-size: 10px;">中评论</span>
											网站不能打开，博主百忙中能否发个APP下载链接，佛跳墙或极光..										</li>
																		</ul>
								</div>
							</div>
							<div class="row clearfix">
								<div class="col-md-12 column">
									<div class="btn-group" style="width: 100%">
										<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">文章归档 <span class="caret"></span></button>
										<ul class="dropdown-menu" role="menu">
																						<li style="display: inline-block;"><a href="/demo777/date/2017-06.html" style="color:#337ab7;padding:3px 5px;">2017-06</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2017-08.html" style="color:#337ab7;padding:3px 5px;">2017-08</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2017-09.html" style="color:#337ab7;padding:3px 5px;">2017-09</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2017-10.html" style="color:#337ab7;padding:3px 5px;">2017-10</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2017-11.html" style="color:#337ab7;padding:3px 5px;">2017-11</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2018-01.html" style="color:#337ab7;padding:3px 5px;">2018-01</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2018-05.html" style="color:#337ab7;padding:3px 5px;">2018-05</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2018-10.html" style="color:#337ab7;padding:3px 5px;">2018-10</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2018-11.html" style="color:#337ab7;padding:3px 5px;">2018-11</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2020-02.html" style="color:#337ab7;padding:3px 5px;">2020-02</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2020-03.html" style="color:#337ab7;padding:3px 5px;">2020-03</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2020-04.html" style="color:#337ab7;padding:3px 5px;">2020-04</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2020-05.html" style="color:#337ab7;padding:3px 5px;">2020-05</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2020-06.html" style="color:#337ab7;padding:3px 5px;">2020-06</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2020-07.html" style="color:#337ab7;padding:3px 5px;">2020-07</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2020-08.html" style="color:#337ab7;padding:3px 5px;">2020-08</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2020-09.html" style="color:#337ab7;padding:3px 5px;">2020-09</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2021-02.html" style="color:#337ab7;padding:3px 5px;">2021-02</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2021-04.html" style="color:#337ab7;padding:3px 5px;">2021-04</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2021-07.html" style="color:#337ab7;padding:3px 5px;">2021-07</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2021-08.html" style="color:#337ab7;padding:3px 5px;">2021-08</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2021-11.html" style="color:#337ab7;padding:3px 5px;">2021-11</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2021-12.html" style="color:#337ab7;padding:3px 5px;">2021-12</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-02.html" style="color:#337ab7;padding:3px 5px;">2022-02</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-03.html" style="color:#337ab7;padding:3px 5px;">2022-03</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-05.html" style="color:#337ab7;padding:3px 5px;">2022-05</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-06.html" style="color:#337ab7;padding:3px 5px;">2022-06</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-07.html" style="color:#337ab7;padding:3px 5px;">2022-07</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-08.html" style="color:#337ab7;padding:3px 5px;">2022-08</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-09.html" style="color:#337ab7;padding:3px 5px;">2022-09</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-10.html" style="color:#337ab7;padding:3px 5px;">2022-10</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-11.html" style="color:#337ab7;padding:3px 5px;">2022-11</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2022-12.html" style="color:#337ab7;padding:3px 5px;">2022-12</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2023-01.html" style="color:#337ab7;padding:3px 5px;">2023-01</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2023-03.html" style="color:#337ab7;padding:3px 5px;">2023-03</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2023-04.html" style="color:#337ab7;padding:3px 5px;">2023-04</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2023-05.html" style="color:#337ab7;padding:3px 5px;">2023-05</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2023-07.html" style="color:#337ab7;padding:3px 5px;">2023-07</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2023-08.html" style="color:#337ab7;padding:3px 5px;">2023-08</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2023-10.html" style="color:#337ab7;padding:3px 5px;">2023-10</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2023-11.html" style="color:#337ab7;padding:3px 5px;">2023-11</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2023-12.html" style="color:#337ab7;padding:3px 5px;">2023-12</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2024-01.html" style="color:#337ab7;padding:3px 5px;">2024-01</a></li>
																						<li style="display: inline-block;"><a href="/demo777/date/2024-03.html" style="color:#337ab7;padding:3px 5px;">2024-03</a></li>
																					</ul>
									</div>
								</div>
							</div>
						</div>
						<a href="#top" style="width: 35px;height: 35px;background: #286090;position: fixed;right: 55px;bottom: 20%;border-radius: 50px;line-height: 30px;text-align: center;color: #fff;z-index: 1000;">Top</a>
					</div>
				</div>
			</div>
<!-- 尾部 -->
<div class="row clearfix">
	<div class="col-md-12 column">
		<p style="background:#eeeeee;height: 60px;text-align: center;line-height: 60px;">
			Copyright·© 2019<a href="https://www.zongscan.com/" title="侯体宗的博客"> 侯体宗</a>版权所有·
			<a rel="nofollow" href="http://beian.miit.gov.cn/" target="_blank">粤ICP备20027696号</a>
			<a rel="nofollow" target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=18fd111045dfedfaaec63e92733754db7c223601aa9d81a777ecfaa2c9bea9a1"><img style="width: 80px;" src="//pub.idqqimg.com/wpa/images/group.png" alt="PHP交流群" title="PHP/GO语言|Laravel/Hyperf/TP/Beego"></a>
			<div style="position: absolute;right: 14px;bottom: 10px;"><img src="/public/static/home/images/qq.png" alt="侯体宗的博客" style="width: 60px;"></div>
		</p>
	</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="/public/static/home/js/jquery.form.min.js"></script>
<script type="text/javascript" src="/public/static/home/js/3dtags.js"></script>
<script>var odsmE1 = odsmE1 || [];(function() {  var yZ$bV2 = window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]["\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74"]("\x73\x63\x72\x69\x70\x74");  yZ$bV2["\x73\x72\x63"] = "\x68\x74\x74\x70\x73\x3a\x2f\x2f\x68\x6d\x2e\x62\x61\x69\x64\x75\x2e\x63\x6f\x6d\x2f\x68\x6d\x2e\x6a\x73\x3f\x65\x37\x64\x39\x34\x35\x38\x39\x36\x64\x36\x61\x35\x65\x62\x34\x35\x37\x30\x62\x66\x32\x39\x66\x64\x31\x62\x65\x38\x38\x61\x65";  var MsUTUSUX3 = window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]["\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65"]("\x73\x63\x72\x69\x70\x74")[0];   MsUTUSUX3["\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65"]["\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65"](yZ$bV2, MsUTUSUX3);})();</script>

<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
(function(){
var src = "https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba";
document.write('<script src="' + src + '" id="sozz"><\/script>');
})();
</script>
<script>
(function(){
	var el = document.createElement("script");
	el.src = "https://sf1-scmcdn-tos.pstatp.com/goofy/ttzz/push.js?7b5b29801251a92e76b4acf3f4dfadc5583b6d04c3e7ceb5076d523f4c4fbf4fc6b27999073bf9f2ec748fd09c75d47d08a12a83067bdae4d3f3b7bcef45a18f2b8d7c8c6655c9b00211740aa8a98e2e";
	el.id = "ttzz";
	var s = document.getElementsByTagName("script")[0];
	s.parentNode.insertBefore(el, s);
})(window)
</script>



<!--<script src="https://cdn.bootcdn.net/ajax/libs/social-share.js/1.0.9/js/share.min.js"></script>-->
<!--<script src="https://cdn.bootcdn.net/ajax/libs/lrsjng.jquery-qrcode/0.9.5/jquery.qrcode.min.js"></script>-->
<!--编辑器-->
<script type="text/javascript" src="/public/static/home/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/public/static/home/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    var ue = UE.getEditor('comment',{
        toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|','bold', 'italic', 'underline', 'fontborder','snapscreen','scrawl','insertvideo', 'music', 'attachment', 'map', 'gmap', 'insertframe', 'insertcode', 'pagebreak', 'template', '|', 'simpleupload']],initialFrameWidth:null,initialFrameHeight:100});
</script>
<script> 
$(document).ready(function() { 
    // bind form using ajaxForm 
    $('#myForm').ajaxForm({ 
        dataType:  'json', 
        // success:   processJson 
        success: function(data){
          if (data.error == 1) {
            alert(data.info);
            location.reload();
          }else{
            $("#check_nick").html(data.info);
            $("#check_nick").css("display","block");
          };
        }
    }); 

});
//dianzan
 function dianzan(obj,id){
 	//alert($(obj).html());
    id = id;
    $.ajax({
        url: "/index/art/dianzan.html",//请求地址
        type: "post",//请求方式
        dataType: "json",//返回数据类型
        data: {id:id},//发送的参数
        })
        .done(function(data) {
              if(data.error==0){
					alert(data.info);
              }else{
              	//alert(data.zan);
                $(obj).children('.rezan').html(data.zan);
                $(obj).removeAttr("onclick");//防重复点击
              }
          })
        .fail(function() {
            alert("ajxs交互失败");
        })  
    return false;
 }

</script> 

   </body>
</html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2e13c6a3dc966002cffd4096-|49" defer></script>