Javascript jquery在试图从用户获取图像并通过ajax将其发送给控制器时抛出未捕获的TypeError

脚本在html和jquery中没有图像标记的情况下工作正常，所以我想问题在于上传图像时，变量没有存储图像以将其发送到控制器类，有人能告诉我原因以及如何解决这个问题吗，我是一个新手，试着理解事情背后的原因和解决方案，以获得更深层次的理解，谢谢

load=function（）{
var checkedName=document.querySelector（'input[name=“state name”]：checked'），
name=checkedName？checkedName.value：“未选择任何内容”；
var cityname=document.getElementById（“R_city”）.value（）；
var info=document.getElementById（“R_info”）.value；
var profilepic=document.getElementById（“pic”）.value（）；
文件。写（“州名”+姓名+“城市名”+城市名+“个人资料图片”+个人资料图片+“基本信息”+信息）；}
数据=”；
myfunction=函数（）{
警报（“hi in myfunction”）；
加载（）；
}				

安大略
不列颠哥伦比亚省
魁北克省
阿尔伯塔省
新斯科舍省
萨斯喀彻温省
马尼托巴省
新不伦瑞克省
新建土地
爱德华·伊桑王子


去
姓名联系许可证电子邮件州城市

jQuery.noConflict（）；
formdata=新的formdata（）；
jQuery（#image_to_upload”）.on（“change”，function（）{
var file=this.files[0]；
if（formdata）{
formdata.append（“图像”，文件）；
jQuery.ajax({
url:“destination\u ajax\u file.php”，
类型：“POST”，
数据：formdata，
processData:false，
contentType:false，
成功：函数（）{}
});
}                       
});