طريقة نقل بيانات حقول الادخال الي ملف

هل يمكنك مشاركة ملفات المشروع وايضاح المشكلة التي تواجها بشكل افضل حتى نستطيع مساعدتك.

اليك الطريقة ولكن لا تعمل على جميع المتصفحات :

<form id="addnew">
    <input type="text" class="id">
    <input type="text" class="content">
    <input type="submit" value="Add">
</form>
<script>
  // نستعمل مكنبة جكويري لتسهيل العملية
    jQuery(function($) {
      // نعمل استماع لحدث submit
        $('#form_addjts').submit(function(){
          //نستدعي الدالة writeToFile
            writeToFile({
                id: $(this).find('.id').val(), 
                content: $(this).find('.content').val()
            });
            return false;
        }); 
      // نكتب الدالة writeToFile
        function writeToFile(data){
          // عمل object 
          // من ActiveXObject
            var fso = new ActiveXObject("Scripting.FileSystemObject");
          // ثم عملية الكتابة
            var fh = fso.OpenTextFile("D:\\data.txt", 8);
            fh.WriteLine(data.id + ',' + data.content);
            fh.Close(); 
        } 
    }); 
</script>

يمكن عمل كائن Blob فيه المحتوى المطلوب كسلسلة نصية نعتبره كملف، ثم تشكيل رابط URL محلي لهذا الملف من خلال دالة createObjectURL ثم إسناد الرابط لكائن anchor و عمل تحميل للملف بالنقر البرمجي على الرابط click 

• هذه محاكاة عملية تحميل ملف لكنه لن يتم تحميله من الخادم بل محلي في المتصفح

function createTextFile(str){
    var file = new Blob([str])
        anchor = document.createElement("a")
    anchor.href = URL.createObjectURL(file)
    anchor.download = "fileName"
    anchor.click()
// تنظيف 
    URL.revokeObjectURL(anchor.href)
    anchor.remove()    
}

var input = "هذا نص تجريي"
createTextFile(input)

يوجد أيضا مكتبة filesaver يمكنك تجريبها