如何在提交之前添加html图像以形成请求？

Question

html代码是这样的：

<img src="1245454101215" id='generatedImage' />

<form id='myForm'>
  <input type='text' />

  <input type=submit />
</form>

js代码是这样的：

$("#myForm").submit(function () {
    $('#myForm').append(
        $('<input/>').attr('type', 'file').attr('name', 'imagePreprocessed').attr('src', $('#generatedImage').src)
    )
});
$("#myForm").submit();

但是没有工作。

[编辑]

抱歉我的英文。

我想拦截非ajax提交表单并在表单中插入图片然后进行正常提交

Answer 1

jQuery对象没有src属性。试试这个：

$('#generatedImage').attr('src')

而不是：

$('#generatedImage').src

Answer 2

它对我有用，试试这个

$('#myForm').append('<input type="file" name="imagePreprocessed" src="' + $('#generatedImage').attr('src') + '">');