【郑州校区】乐淘项目day5

1.jquery-fileupload插件使用的步骤：
A.引入需要的文件：
<script src="assets/jquery-fileupload/jquery.ui.widget.js"></script>
<script src="assets/jquery-fileupload/jquery.iframe-transport.js"></script>
<script src="assets/jquery-fileupload/jquery.fileupload.js"></script>


B.找到文件上传表单元素,设置id,name属性：
<input type="file" id="fileUpload" name="file">
注意：name="file"不是每次都是写file，应该参考接口文档设置该属性的值


C.找到文件上传表单元素，设置data-url属性用来设置图片上传的接口路径：
<input type="file" id="fileUpload" name="file" data-url="/category/addSecondCategoryPic">


D.编写js代码，实现文件上传：
$

[AppleScript] 纯文本查看 复制代码

("#fileUpload").fileupload({

    dataType:"json",

    //文件上传之后的回调函数done

    done:function(e,data){

        //data参数中包含了上传图片的地址(即上传到服务器之后的图片地址)

        //预览上传的图片

        $("#preview").attr("src",data.result.picAddr);

    }

})

【郑州校区】乐淘项目day5

1.jquery-fileupload插件使用的步骤：
A.引入需要的文件：
<script src="assets/jquery-fileupload/jquery.ui.widget.js"></script>
<script src="assets/jquery-fileupload/jquery.iframe-transport.js"></script>
<script src="assets/jquery-fileupload/jquery.fileupload.js"></script>


B.找到文件上传表单元素,设置id,name属性：
<input type="file" id="fileUpload" name="file">
注意：name="file"不是每次都是写file，应该参考接口文档设置该属性的值


C.找到文件上传表单元素，设置data-url属性用来设置图片上传的接口路径：
<input type="file" id="fileUpload" name="file" data-url="/category/addSecondCategoryPic">


D.编写js代码，实现文件上传：
$

[AppleScript] 纯文本查看 复制代码

("#fileUpload").fileupload({

    dataType:"json",

    //文件上传之后的回调函数done

    done:function(e,data){

        //data参数中包含了上传图片的地址(即上传到服务器之后的图片地址)

        //预览上传的图片

        $("#preview").attr("src",data.result.picAddr);

    }

})