将图像存储在变量中,然后使用ajax以json格式发送数据

时间:2017-12-07 09:38:16

标签: jquery json ajax

我正在尝试将图像存储在变量中并将其在json中进行字符串化以通过ajax方法传递它。但是在存储它时会出错并将其以json格式进行字符串化。 我正在生成这样的动态表,我们从中选择图像id'flImage'并将其存储在变量var用户中。

 $("#pdfFormInsideTblRight").after("<table class='table table-bordered'><thead class='thead-inverse'><tr><th class='text-left'>Properties</th>" +
                        "<th>Detail</th></tr></thead>" +
                        "<tr><td class='text-left'><strong>Product Group</strong></td>" +
    "<td><input type='file' id='flImage' name='flImage[]' multiple /></td>
</tr></table>");

现在我想将上面上传的图像存储在变量'flImage'中,在变量'user'中存储,就像文本框中的其他输入值一样,标签值通过jquery存储在var'user'中,如下所示。

<script type="text/javascript" src="http://cdn.jsdelivr.net/json2/0.1/json2.js"></script>
        <script type="text/javascript">
        $(function () {
            $(document).on("click", "[id*=btnFrmSubmit]", function () {
    var user = {};
                user.PRODUCT_ID = 1;
    user.REVISION = $("#Revision").text();
    user.P_GROUP = $("[id*=P_Group]").val();
    user.IMG1 = $("#flImage")[0].files;
$.ajax({
                type: "POST",
                url: "TDC.aspx/SaveFrmDetails",
                data: '{user: ' + JSON.stringify(user) + '}',
                //data:  JSON.stringify({user:user}),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    alert("User has been added successfully.");
                    window.location.reload();
                }                
            });
            return false;

     });
    }

但是在json中对数据进行字符串化时会导致错误。因此,任何想法如何在json中对图像进行字符串化都会很有意义。

0 个答案:

没有答案