Question

我正在尝试在项目中添加图像上传功能，我想在按钮点击时调用jquery函数。但我一直在控制台中收到此错误：

未捕获的TypeError：图像不是函数在HTMLButtonElement.onclick

这是我的按钮：

<button id="upload" value="Change the picture" onclick="image()">Change the picture</button>

这是我的jquery函数，它驻留在一个js文件中：

function image() {
  var file_data = $('#file').prop('files')[0];
  var form_data = new FormData();
  form_data.append('file', file_data);
  $.ajax({
    url: 'index.php/welcome/upload_image' + '/' + ID, // point to server-side controller method
    dataType: 'text', // what to expect back from the server
    cache: false,
    contentType: false,
    processData: false,
    data: form_data,
    type: 'post',
    success: function (response) {
      $('.messages').html(response); // display success response from the server
    },
    error: function (response) {
      $('.messages').html(response); // display error response from the server
    }
  });
});

PS：我在我的项目中使用CodeIgniter。

Answer 1

function image(){
});

您的代码中还有一个)。删除它。

function image(){
}

为什么我没有定义＆＃39;功能未定义＆＃39;错误？

1 个答案: