自己引入jq 代码如下:
<div class="form-group"> <label for="inputVideourl" class="col-sm-2 control-label">视频地址</label> <div class="col-sm-2"> <input id="fileToUpload" type="file" size="20" name="fileToUpload" class="input"> </div> <div class="col-sm-4"> <input type="text" name="videourl" id="inputVideourl" value="{$vo.videourl}" class="form-control" value="" placeholder="视频内容地址" /> </div> <div class="col-sm-1"> <a class="btn btn-success up-picture-btn" onclick="test()" id="vbtn">上传视频</a> </div> </div>
QQ496631085脚本 :
<script type="text/javascript"> function test(){ $('#vbtn').text('上传视频中...'); $('#vbtn').attr('disabled',"true"); var form = new FormData(document.getElementById("form_do")); $.ajax({ url:"/junyi.php?s=/Picture/video", type:"post", data:form, cache: false, processData: false, contentType: false, success:function(data){0 if(data.indexOf('http')!=-1){ $('#inputVideourl').val(data); }else{ alert('上传异常:'+data); } $('#vbtn').text('上传视频'); $('#vbtn').removeAttr("disabled"); }, error:function(e){ alert("网络错误,请重试!!"); $('#vbtn').text('上传视频'); $('#vbtn').removeAttr("disabled"); } }); } </script>
我这里返回的是一个上传视频的地址 所以判断了一下是否有http的文字 没有就上传成功!
这是行云海 的安曼后台上传视频