您现在的位置:首页 >> 前端 >> 内容

HTML代码文件上传

时间:2017/8/1 11:51:46 点击:

  核心提示:HTML代码:最大100KB,支持jpg,gif,png格式。 p最大100KB,支持jpg,gif,png格式。/p p id=preview/pJS代码:需要引入jquery.wallform.j...

HTML代码:

最大100KB,支持jpg,gif,png格式。

   <p>最大100KB,支持jpg,gif,png格式。</p> 

    <p id="preview"></p>

JS代码:需要引入jquery.wallform.js插件以及jquery

(‘#photoimg’).change(function(){//再添加onchange事件,这个当用户选择一个或多个图片后点击打开时,会触发这个事件,我们就是要在这个事件上调用异步方法上传数据到服务器,并做相应的代码处理;

varstatus=(“#up_status”);

var btn = (“#up_btn”);

varfile=document.getElementById(‘photoimg’).value;//file就是获得选择的文件的路径,不过是伪装(例如:c:fake/xxx.jpg,而不是c:xx/xxx/xx.jpg)的路径,如果用varfile=document.getElementById(‘photoimg’).files;alert(file[0].name);//只得到文件名,而不是c:xxx/xxx/文件名(“#imageform”).ajaxForm({

target: ‘#preview’,

beforeSubmit:function(){

status.show();

btn.hide();

},

success:function(){

status.hide();

btn.show();

},

error:function(){

status.hide();

btn.show();

} }).submit();

})

Tags:HT TM ML L代 
作者:网络 来源:mozuncangt