郑德才博客

html上传代码： 

   <div class="addPicture" style="position: relative; clear: both;">
        <div style="width: 300px; height: auto; float: left; margin-left: 0px; margin-top: 0px;
            display: none;" class="img_middle">
            <img src="" width="300px" alt="" />
        </div>
        <div style="width: 84px; text-align: center; margin-left: 106px; margin-top: 46px;
            *margin-left: 0px;" id="addImg" title="点击添加标题图">
            <div>
                <input type="button" id="Button1" value="" class="addimg" /></div>
            <div class="a">
                添加标题图</div>
        </div>
        <input id="upFile" name="upFile" type="file" title="" class="file_transparent" />
    </div>

 在开发中，经常会遇到需要上传图片的时候，可以使用已经有的上传插件ajaxFileUpload进行上传，点击某个按钮，将调用uploadImg方法，参数imgfileId是上传的file的input的ID

function uploadImg(imgfileId) {
    $.ajaxFileUpload({
        fileElementId: imgfileId,
        url: 'jqueryUpImg.ashx',
        data: {
            'name': "pro", //存储的文件名
            'width': "500,250,125", //需要切图的大小
            'height': "360,180,90"
        },
        dataType: 'json',
        success: function (data, textStatus) {

页面中添加一个“点击上传”图片按钮，给这个按钮或超链接添加单击事件

<script type="text/javascript" src="../scripts/jquery-1.9.0.min.js"></script>
<script src="../scripts/Ueditor/editor_config.js" type="text/javascript"></script>
<script src="../scripts/Ueditor/editor_all_min.js" type="text/javascript"></script>

    <script type="text/javascript">

        var jq = jQuery.noConflict();
        jq(document).ready(function () {
            var user = "";
...