(1)需要工具uploadify
(2)需要uploadify文档一份(uploadify文档链接)
(3)demo模仿
<tr>
<th>缩略图:</th>
<td>
<input type="text" size="50" name="art_thumb" >
<input id="file_upload" name="file_upload" type="file" multiple="true">
<script src="{
{asset('resources/org/uploadify/jquery.uploadify.min.js')}}" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="{
{asset('resources/org/uploadify/uploadify.css')}}">
<script type="text/javascript">
<?php $timestamp = time();?>
$(function() {
$('#file_upload').uploadify({
'buttonText':'图片上传',
'formData' : {
'timestamp' : '<?php echo $timestamp;?>',
'_token' : '{
{csrf_token()}}' //csrf验证,不然会出现500
},
'swf' : "{
{asset('resources/org/uploadify/uploadify.swf')}}",
'uploader' : "{
{url('admin/upload')}}", //处理upload的php方法,在router设置路由
, 'onUploadSuccess':function(file,data,response){ //上传成功的操作:(1)显示相对路径(2)展示预览图
$('input[name=art_thumb]').val(data);