zoukankan      html  css  js  c++  java
  • h5 js 图片预览并判断 ajax上传

    //建立一個可存取到該file的url
    function getObjectURL(file) {
        var url = null;
        if (window.createObjectURL != undefined) { // basic
            url = window.createObjectURL(file);
        } else if (window.URL != undefined) { // mozilla(firefox)
            url = window.URL.createObjectURL(file);
        } else if (window.webkitURL != undefined) { // webkit or chrome
            url = window.webkitURL.createObjectURL(file);
        }
        return url;
    }
    $(document).on('change', '.wishfile', function () {
        var _upload_file = $(this).val().toLowerCase();
        var _upload_file_hz = _upload_file.substr(_upload_file.lastIndexOf('.') + 1);
        var _upload_file = ['jpg', 'png', 'gif', 'jpeg'];
        if ($.inArray(_upload_file_hz, _upload_file) < 0) {
            alert('上传格式不正确');
            $(this).val('');
            return false;
        }
        var objUrl = getObjectURL(this.files[0]);
        //console.log("objUrl = " + objUrl);
        if (objUrl) {
            // img src=objUrl
        }
    });
            // form要写enctype="multipart/form-data"
            var formData = new FormData($("#formid")[0]);
            $.ajax({
                url: 'dopost.php',
                type: 'POST',
                data: formData,
                //async: false,  
                cache: false,
                contentType: false,
                processData: false,
                success: function (returndata) {
                    if (returndata == 1) {
                        alert('上传成功');
                    } else {
                        alert('上传失败');
                    }
                },
                error: function (returndata) {
                    alert('something wrong!');
                }
            });    
  • 相关阅读:
    【poj1008】Maya Calendar
    【CodeVS4093】EZ的间谍网络
    2016.6.19 模拟考试
    【poj1129】Channel Allocation
    【poj2676】Sudoku
    Java 2D API
    Java 2D API
    IntelliJ IDEA
    IntelliJ IDEA 使用说明(For Eclipse user)
    IntelliJ IDEA
  • 原文地址:https://www.cnblogs.com/benlightning/p/6136933.html
Copyright © 2011-2022 走看看